.csp-backdrop{position:fixed;inset:0;background:#ffffff80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.csp-backdrop.open{opacity:1;pointer-events:auto}.dark-theme .csp-backdrop{background:#0006}.custom-settings-panel{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:92vw;background:#fff;color:#1a1c1e;z-index:1001;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-1px 0 8px #0000000f;font-family:Google Sans,Roboto,sans-serif;border-left:1px solid #e0e0e0}.custom-settings-panel.open{transform:translate(0)}@media screen and (max-width:960px){.custom-settings-panel{width:100%;max-width:100vw;border-left:none}}.csp-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 20px 24px}.csp-title{font-size:16px;font-weight:500}.csp-close{background:none;border:none;cursor:pointer;color:#5f6368;font-size:20px;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s}.csp-close:hover{background:#0000000f}.csp-body{padding:0 24px 24px;overflow-y:auto;flex:1}.csp-section{margin-bottom:24px}.csp-section-label{font-size:12px;color:#5f6368;margin-bottom:8px;font-weight:400}.csp-divider{border:none;border-top:1px solid #e8eaed;margin:0 0 20px}.csp-dropdown{position:relative;width:100%}.csp-dropdown-trigger{width:100%;padding:14px 40px 14px 16px;border-radius:8px;border:1px solid #dadce0;background:#fff;color:#1a1c1e;font-size:14px;font-family:inherit;cursor:pointer;text-align:left;box-sizing:border-box;transition:border-color .15s;position:relative;outline:none}.csp-dropdown-trigger:hover{border-color:#202124}.csp-dropdown-trigger.open{border-color:#0b57d0;border-width:2px;padding:13px 39px 13px 15px}.csp-dropdown-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#5f6368;font-size:20px;pointer-events:none;transition:transform .2s cubic-bezier(.4,0,.2,1)}.csp-dropdown-trigger.open .csp-dropdown-arrow{transform:translateY(-50%) rotate(180deg)}.csp-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border-radius:8px;box-shadow:0 2px 6px 2px #00000026,0 1px 2px #0000004d;z-index:1002;overflow:hidden;max-height:0;opacity:0;transform:scaleY(.8);transform-origin:top center;transition:max-height .2s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);padding:0}.csp-dropdown-menu.open{max-height:300px;opacity:1;transform:scaleY(1);padding:8px 0}.csp-dropdown-menu.closing{max-height:0;opacity:0;transform:scaleY(.8);padding:0;transition:max-height .15s cubic-bezier(.4,0,1,1),opacity .1s linear,transform .15s cubic-bezier(.4,0,1,1)}.csp-dropdown-item{padding:12px 16px;cursor:pointer;font-size:14px;color:#1a1c1e;transition:background .1s;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csp-dropdown-item:hover{background:#f1f3f4}.csp-dropdown-item.selected{background:#e8f0fe;color:#185abc}.csp-row-btn{width:100%;display:flex;align-items:flex-start;justify-content:space-between;padding:16px;border-radius:8px;border:1px solid #dadce0;background:#fff;cursor:pointer;text-align:left;font-family:inherit;color:#1a1c1e;transition:background .12s;box-sizing:border-box}.csp-row-btn:hover{background:#f8f9fa}.csp-row-title{font-size:14px;font-weight:500;margin-bottom:4px}.csp-row-desc{font-size:12px;color:#5f6368;line-height:1.4}.csp-row-arrow{color:#5f6368;font-size:20px;margin-left:12px;flex-shrink:0;margin-top:2px}.csp-info-card{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;border-radius:12px;background:linear-gradient(135deg,#fce4ec,#fff3e0,#e8f5e9);margin-bottom:24px}.csp-info-card-content{flex:1}.csp-info-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#1a1c1e;background:#ffffffb3;border-radius:12px;padding:4px 10px;margin-bottom:6px}.csp-info-dot{width:6px;height:6px;border-radius:50%;background:#34a853}.csp-info-text{font-size:13px;color:#3c4043}.csp-info-gear{color:#5f6368;font-size:20px;cursor:pointer;padding:4px;background:none;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.csp-info-gear:hover{background:#0000000f}.dark-theme .custom-settings-panel{background:#1f1f1f;color:#e2e2e5;border-left-color:#333;box-shadow:-1px 0 12px #0000004d}.dark-theme .csp-close{color:#9aa0a6}.dark-theme .csp-close:hover{background:#ffffff14}.dark-theme .csp-section-label{color:#9aa0a6}.dark-theme .csp-divider{border-top-color:#3c4043}.dark-theme .csp-dropdown-trigger{background:#2b2b2f;border-color:#444;color:#e2e2e5}.dark-theme .csp-dropdown-trigger:hover{border-color:#888}.dark-theme .csp-dropdown-trigger.open{border-color:#a8c7fa}.dark-theme .csp-dropdown-arrow{color:#9aa0a6}.dark-theme .csp-dropdown-menu{background:#2b2b2f;box-shadow:0 2px 8px #0006}.dark-theme .csp-dropdown-item{color:#e2e2e5}.dark-theme .csp-dropdown-item:hover{background:#383838}.dark-theme .csp-dropdown-item.selected{background:#1a3a5c;color:#a8c7fa}.dark-theme .csp-row-btn{background:#2b2b2f;border-color:#444;color:#e2e2e5}.dark-theme .csp-row-btn:hover{background:#333}.dark-theme .csp-row-desc,.dark-theme .csp-row-arrow{color:#9aa0a6}.dark-theme .csp-info-card{background:linear-gradient(135deg,#3c2027,#3c3020,#203c25)}.dark-theme .csp-info-badge{background:#0000004d;color:#e2e2e5}.dark-theme .csp-info-text{color:#bdc1c6}.dark-theme .csp-info-gear{color:#9aa0a6}.dark-theme .csp-info-gear:hover{background:#ffffff14}
