.pref-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.pref-overlay.open{opacity:1;pointer-events:all}.pref-modal{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;max-width:400px;margin:16px;box-shadow:0 24px 64px #0009,0 0 0 1px #00e6760a;transform:translateY(8px);transition:transform .2s ease;overflow:hidden}.pref-overlay.open .pref-modal{transform:translateY(0)}.pref-modal-hdr{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.pref-modal-title{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text);display:flex;align-items:center;gap:10px}.pref-modal-title svg{color:var(--cyan)}.pref-close{background:none;border:none;cursor:pointer;color:var(--muted);font-size:16px;padding:2px 4px;line-height:1;border-radius:4px;transition:color .15s;display:flex;align-items:center;justify-content:center}.pref-close:hover{color:var(--text)}.pref-modal-body{padding:20px;display:flex;flex-direction:column;gap:4px}.pref-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.pref-row:last-child{border-bottom:none;padding-bottom:0}.pref-row-label{display:flex;flex-direction:column;gap:3px}.pref-row-name{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--text)}.pref-row-desc{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.3px}.pref-mode-toggle{display:flex;background:var(--surface2);border:1px solid var(--border);border-radius:4px;overflow:hidden;flex-shrink:0}.pref-mode-btn{padding:6px 12px;background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:1px;color:var(--muted);transition:all .15s;white-space:nowrap}.pref-mode-btn.active{background:var(--cyan);color:#000}.pref-mode-btn:not(.active):hover{color:var(--text)}.pref-modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}.pref-status{font-family:var(--font-mono);font-size:10px;letter-spacing:.5px;color:var(--muted);transition:color .2s,opacity .2s;opacity:0;display:flex;align-items:center;gap:6px}.pref-status.visible{opacity:1}.pref-status.saving{color:var(--muted)}.pref-status.saved{color:var(--cyan)}.pref-status.error{color:var(--red)}.pref-save-btn{margin-left:auto;padding:8px 20px;background:var(--cyan);border:none;border-radius:4px;cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:1px;color:#000;transition:background .15s,opacity .15s;flex-shrink:0}.pref-save-btn:disabled{background:var(--muted);cursor:not-allowed;opacity:.6}.pref-save-btn:not(:disabled):hover{background:#0f8}@media(max-width:480px){.pref-modal{margin:12px;max-width:100%}.pref-modal-hdr{padding:14px 16px}.pref-modal-body{padding:16px}.pref-modal-footer{padding:12px 16px}}