#sp-overlay{z-index:1000}.sp-modal{width:700px;max-width:calc(100vw - 32px);height:calc(100vh - 150px);max-height:650px;font-family:'Space Mono',monospace}.sp-header{padding:18px 24px}.sp-tabs{display:flex;border-bottom:1px solid var(--border-faint);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.sp-tabs::-webkit-scrollbar{display:none}.sp-tab{background:0 0;border:none;border-bottom:2px solid transparent;color:var(--text-5);font-family:'Space Mono',monospace;font-size:12px;font-weight:700;letter-spacing:2px;padding:14px 22px;cursor:pointer;transition:color .1s;flex-shrink:0}.sp-tab:hover{color:var(--text-3)}.sp-tab--active{color:var(--text);border-bottom-color:var(--text)}.sp-body{flex:1;overflow-y:auto;min-height:0}.sp-body::-webkit-scrollbar{width:3px}.sp-body::-webkit-scrollbar-track{background:0 0}.sp-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sp-panel{display:none;padding:20px 24px 28px}.sp-panel--active{display:block}.sp-settings-section{margin-bottom:20px}.sp-settings-section-title{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-5);padding-bottom:10px;border-bottom:1px solid var(--border-faint);margin-bottom:4px}.sp-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--border-faint)}.sp-row:last-child{border-bottom:none}.sp-label{flex:1;font-size:14px;letter-spacing:.3px;color:var(--text-2)}.sp-slider-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-faint)}.sp-slider-row:last-child{border-bottom:none}.sp-slider-row .sp-label{min-width:150px}.sp-slider{flex:1;-webkit-appearance:none;appearance:none;height:2px;background:var(--border);outline:0;cursor:pointer}.sp-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;background:var(--text);cursor:pointer;border-radius:0}.sp-slider::-moz-range-thumb{width:13px;height:13px;background:var(--text);cursor:pointer;border:none;border-radius:0}.sp-slider-pct{font-size:13px;color:var(--text-4);letter-spacing:.3px;min-width:42px;text-align:right}.sp-toggle{background:var(--bg);border:1px solid var(--border);color:var(--text-5);font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:2px;padding:6px 16px;cursor:pointer;min-width:58px;text-align:center}.sp-toggle:hover{border-color:var(--border-hi);color:var(--text-3)}.sp-toggle.sp-toggle--on{border-color:var(--text);color:var(--text)}.sp-cb-opts{display:flex;gap:6px}.sp-cb-opt{background:var(--bg);border:1px solid var(--border);color:var(--text-5);font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 12px;cursor:pointer;white-space:nowrap}.sp-cb-opt:hover{border-color:var(--border-hi);color:var(--text-3)}.sp-cb-opt.sp-cb-opt--active{border-color:var(--text);color:var(--text)}.sp-kb-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-faint)}.sp-kb-row:last-of-type{border-bottom:none}.sp-kb-key{font-size:13px;font-weight:700;color:var(--text);letter-spacing:.5px;min-width:90px;text-align:center;background:var(--bg-surface);border:1px solid var(--border);padding:5px 10px}.sp-kb-rebind{background:var(--bg);border:1px solid var(--border);color:var(--text-4);font-family:'Space Mono',monospace;font-size:11px;letter-spacing:1.5px;padding:5px 14px;cursor:pointer}.sp-kb-rebind:hover{border-color:var(--border-hi);color:var(--text)}.sp-conflict-badge{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--cat);text-transform:uppercase;white-space:nowrap}.sp-row--listening .sp-kb-key{color:var(--text-3);border-color:var(--text-3);animation:sp-key-blink .8s step-end infinite}.sp-row--conflict .sp-kb-key{border-color:var(--cat);color:var(--cat)}@keyframes sp-key-blink{50%{opacity:.25}}.sp-reset-row{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 0;border-top:1px solid var(--border-faint)}.sp-reset-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-5);font-family:'Space Mono',monospace;font-size:12px;font-weight:700;letter-spacing:2px;padding:11px 0;width:160px;text-align:center;cursor:pointer;text-transform:uppercase}.sp-reset-btn:hover{border-color:var(--cat);color:var(--cat);background:rgba(255,68,68,.06)}.sp-reset-confirm{display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;color:var(--text-4);letter-spacing:.3px}.sp-confirm-btn{background:var(--bg);border:1px solid var(--cat);color:var(--cat);font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:1.5px;padding:7px 16px;cursor:pointer;white-space:nowrap}.sp-confirm-btn:hover{background:rgba(255,68,68,.1)}.sp-confirm-btn:active{background:var(--cat);color:var(--bg)}.sp-footer{flex-shrink:0;padding:16px 24px 20px;border-top:1px solid var(--border-faint)}.sp-footer-actions{display:flex;justify-content:center;gap:12px}.sp-footer-status{text-align:center;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.5px;min-height:20px;margin-top:12px;opacity:0;transition:opacity .3s ease}.sp-footer-status--visible{opacity:1}.sp-footer-status--success{color:var(--mouse)}.sp-footer-status--error{color:var(--cat)}.sp-cancel-btn,.sp-save-btn{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;letter-spacing:2px;padding:11px 0;width:160px;cursor:pointer;text-transform:uppercase;text-align:center;transition:background .1s,border-color .1s,color .1s}.sp-save-btn{background:var(--text);border:1px solid var(--text);color:var(--bg)}.sp-save-btn:hover{background:0 0;border-color:var(--mouse);color:var(--mouse)}.sp-save-btn:active{background:var(--mouse);border-color:var(--mouse);color:var(--bg)}.sp-cancel-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-5)}.sp-cancel-btn:hover{background:rgba(255,68,68,.06);border-color:var(--cat);color:var(--cat)}.sp-cancel-btn:active{background:var(--cat);border-color:var(--cat);color:var(--bg)}@media (max-height:650px){.sp-modal{height:calc(100vh - 75px)}.sp-footer{display:grid;grid-template-columns:1fr 1fr;gap:12px}}@media (max-height:420px){.sp-modal{height:calc(100vh - 25px)}}