:root{--sc-bg:#fff;--sc-fg:#1f2937;--sc-muted:#6b7280;--sc-line:#e5e7eb;--sc-soft:#f3f6fc;--sc-accent:#284b8b;--sc-accent-fg:#fff;--sc-danger:#b91c1c}html[data-theme=dark]{--sc-bg:#1b1f2a;--sc-fg:#e5e7eb;--sc-muted:#9ca3af;--sc-line:#2f3545;--sc-soft:#252b3a;--sc-accent:#5b7fd1;--sc-accent-fg:#fff;--sc-danger:#f87171}.sc-overlay{z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.sc-palette,.sc-editor{background:var(--sc-bg);width:100%;color:var(--sc-fg);border:1px solid var(--sc-line);border-radius:14px;flex-direction:column;font-size:14px;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000040}.sc-palette{max-width:600px;max-height:70vh}.sc-editor{max-width:760px;max-height:84vh;margin-top:-6vh}.sc-overlay kbd,.sc-panel kbd{border:1px solid var(--sc-line);background:var(--sc-soft);min-width:20px;color:var(--sc-muted);text-align:center;border-bottom-width:2px;border-radius:6px;padding:1px 6px;font:600 11px/1.5 ui-monospace,Consolas,monospace;display:inline-block}.sc-search{border-bottom:1px solid var(--sc-line);color:var(--sc-muted);align-items:center;gap:10px;padding:12px 16px;display:flex}.sc-search input{color:var(--sc-fg);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px}.sc-results{flex:1;margin:0;padding:6px;list-style:none;overflow-y:auto}.sc-results button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:9px 10px;display:flex}.sc-results button.active{background:var(--sc-soft)}.sc-results button.active .sc-label{color:var(--sc-accent)}.sc-results button svg{color:var(--sc-muted);flex:none}.sc-group{letter-spacing:.04em;text-transform:uppercase;color:var(--sc-muted);padding:8px 10px 4px;font-size:11px;font-weight:800}.sc-label{white-space:nowrap;font-weight:700}.sc-href{min-width:0;color:var(--sc-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.sc-empty{color:var(--sc-muted);padding:14px}.sc-foot{border-top:1px solid var(--sc-line);color:var(--sc-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.sc-btn{border:1px solid var(--sc-line);background:var(--sc-bg);color:var(--sc-fg);font:inherit;cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.sc-btn:hover:not(:disabled){border-color:var(--sc-accent);color:var(--sc-accent)}.sc-btn:disabled{opacity:.5;cursor:default}.sc-btn.primary{background:var(--sc-accent);border-color:var(--sc-accent);color:var(--sc-accent-fg)}.sc-btn.primary:hover:not(:disabled){color:var(--sc-accent-fg);filter:brightness(1.08)}.sc-btn kbd{padding:0 5px}.sc-icon{width:30px;height:30px;color:var(--sc-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:inline-grid}.sc-icon:hover:not(:disabled){background:var(--sc-soft);color:var(--sc-fg)}.sc-icon:disabled{opacity:.3;cursor:default}.sc-icon.danger:hover{color:var(--sc-danger)}.sc-link{color:var(--sc-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.sc-spacer{flex:1}.sc-err{color:var(--sc-danger);margin:0 16px 8px;font-size:13px}.sc-editor header{border-bottom:1px solid var(--sc-line);align-items:flex-start;gap:10px;padding:16px 16px 12px;display:flex}.sc-editor header>div{flex:1}.sc-editor header h3{margin:0 0 4px;font-size:18px}.sc-editor header p{color:var(--sc-muted);margin:0;font-size:13px}.sc-editor footer{border-top:1px solid var(--sc-line);align-items:center;gap:8px;padding:12px 16px;display:flex}.sc-rows{flex-direction:column;flex:1;gap:8px;padding:10px 16px;display:flex;overflow-y:auto}.sc-row{align-items:center;gap:8px;display:flex}.sc-order{flex-direction:column;display:flex}.sc-order .sc-icon{height:18px}.sc-input{border:1px solid var(--sc-line);background:var(--sc-bg);min-width:0;color:var(--sc-fg);font:inherit;border-radius:9px;padding:8px 10px;font-size:13px}.sc-input:focus{border-color:var(--sc-accent);outline:none}.sc-input.bad{border-color:var(--sc-danger)}.sc-row>.sc-input:first-of-type{flex:0 0 170px}.sc-href-input{flex:1}.sc-key{flex:0 0 110px}.sc-add{flex-wrap:wrap;gap:8px;padding:0 16px 12px;display:flex}.sc-add .sc-input{flex:220px}.sc-panel{border:1px solid var(--sc-line);background:var(--sc-bg);color:var(--sc-fg);border-radius:16px;padding:16px}.sc-panel>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.sc-panel>header h2{margin:0;font-size:17px;font-weight:800}.sc-panel-tools{gap:6px;display:flex}.sc-tiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.sc-tile{border:1px solid var(--sc-line);background:var(--sc-soft);color:inherit;border-radius:12px;flex-direction:column;gap:3px;padding:12px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;position:relative}.sc-tile:hover{border-color:var(--sc-accent);transform:translateY(-1px)}.sc-tile:hover b{color:var(--sc-accent)}.sc-tile b{padding-right:44px;font-size:14px}.sc-tile span{color:var(--sc-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex;overflow:hidden}.sc-tile kbd{position:absolute;top:10px;right:10px}.sc-trigger{border:1px solid var(--sc-line);background:var(--sc-bg);width:38px;height:38px;color:var(--sc-fg);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:inline-grid}.sc-trigger:hover{border-color:var(--sc-accent);color:var(--sc-accent)}@media (max-width:640px){.sc-overlay{padding-top:8vh}.sc-row{border-bottom:1px dashed var(--sc-line);flex-wrap:wrap;padding-bottom:8px}.sc-row>.sc-input:first-of-type,.sc-href-input{flex:100%}.sc-order{flex-direction:row}.sc-href,.sc-foot>span{display:none}}.sc-panel.ct-shortcuts{margin-bottom:16px}