.web-prefs-overlay{z-index:1000;overscroll-behavior-y:contain;box-sizing:border-box;justify-content:center;align-items:center;padding:16px;position:fixed;inset:0;overflow-y:auto}dialog.web-prefs-overlay{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:inherit;opacity:0;transition:opacity var(--motion-base) var(--motion-ease-out), overlay var(--motion-base) var(--motion-ease-out) allow-discrete, display var(--motion-base) var(--motion-ease-out) allow-discrete;background:0 0;border:none;margin:0;padding:16px}dialog.web-prefs-overlay[open]{opacity:1;display:flex}@starting-style{dialog.web-prefs-overlay[open]{opacity:0}}dialog.web-prefs-overlay::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--motion-base) var(--motion-ease-out), backdrop-filter var(--motion-base) var(--motion-ease-out), overlay var(--motion-base) var(--motion-ease-out) allow-discrete, display var(--motion-base) var(--motion-ease-out) allow-discrete;background:var(--lightningcss-light,#1d17116b)var(--lightningcss-dark,#000000a3)}dialog.web-prefs-overlay[open]::backdrop{opacity:1}@starting-style{dialog.web-prefs-overlay[open]::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}.web-prefs-backdrop{cursor:default;background:0 0;border:none;position:absolute;inset:0}.web-prefs-modal{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);transition:opacity var(--motion-base) var(--motion-ease-out), transform var(--motion-base) var(--motion-ease-out);border-radius:10px;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(8px)scale(.96);box-shadow:0 16px 44px var(--lightningcss-light,#1d171133)var(--lightningcss-dark,#0000007a);container:modal-shell/inline-size}dialog.web-prefs-overlay[open] .web-prefs-modal{opacity:1;transform:translateY(0)scale(1)}@starting-style{dialog.web-prefs-overlay[open] .web-prefs-modal{opacity:0;transform:translateY(8px)scale(.96)}}.web-prefs-header{padding:var(--dlg-pad-y) var(--dlg-pad-x) var(--dlg-header-pad-bottom);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:flex-start;display:flex}.web-prefs-body{overscroll-behavior-y:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.web-prefs-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.82rem;font-weight:700}.web-prefs-subtitle{color:var(--text-muted);margin:3px 0 0;font-size:13px;font-weight:400}.web-prefs-close{border:1px solid var(--border-subtle);background:var(--surface);width:28px;height:28px;color:var(--text-faint);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color 80ms,color 80ms;display:flex}.web-prefs-close:hover{background:var(--surface-active);color:var(--text)}.web-prefs-footer{padding:var(--dlg-footer-pad-y) var(--dlg-pad-x);border-top:1px solid var(--border-subtle);flex-shrink:0;justify-content:flex-end;display:flex}.web-prefs-modal{--paper:var(--lightningcss-light,#f9f4eb)var(--lightningcss-dark,oklch(19% .01 67));--paper-2:var(--lightningcss-light,#efe8d8)var(--lightningcss-dark,oklch(22.4% .016 63));--card:var(--lightningcss-light,#fff)var(--lightningcss-dark,oklch(27.6% .02 64));--ink:var(--lightningcss-light,#1a1613)var(--lightningcss-dark,oklch(97.7% .019 75));--ink-72:var(--lightningcss-light,#1a1613b8)var(--lightningcss-dark,oklch(97.7% .019 75/.72));--ink-56:var(--lightningcss-light,#1a16138f)var(--lightningcss-dark,oklch(97.7% .019 75/.56));--ink-45:var(--lightningcss-light,#1a161373)var(--lightningcss-dark,oklch(97.7% .019 75/.45));--ink-18:var(--lightningcss-light,#1a16132e)var(--lightningcss-dark,oklch(97.2% .022 74/.16));--ink-12:var(--lightningcss-light,#1a16131f)var(--lightningcss-dark,oklch(97.2% .022 74/.12));--ink-08:var(--lightningcss-light,#1a161314)var(--lightningcss-dark,oklch(97.2% .022 74/.1));--accent:var(--lightningcss-light,#6b2fe3)var(--lightningcss-dark,oklch(75.7% .141 296));--accent-hover:var(--lightningcss-light,#5621bd)var(--lightningcss-dark,oklch(82% .12 296));--accent-fill:var(--lightningcss-light,#6b2fe3)var(--lightningcss-dark,#7048c7);--accent-fill-hover:var(--lightningcss-light,#5621bd)var(--lightningcss-dark,#7650d6);--accent-soft:var(--lightningcss-light,#6b2fe314)var(--lightningcss-dark,oklch(75.7% .141 296/.16));--accent-border:var(--lightningcss-light,#6b2fe340)var(--lightningcss-dark,oklch(75.7% .141 296/.4));--warm:var(--lightningcss-light,#c2622e)var(--lightningcss-dark,oklch(70.4% .083 65));--r-md:8px;--r-pill:999px;--shadow-modal:0 12px 40px -16px #1a161324;--shadow-modal-themed:0 12px 40px -16px var(--lightningcss-light,#1a161324)var(--lightningcss-dark,#0000008f);--focus-ring:0 0 0 3px var(--lightningcss-light,#6b2fe326)var(--lightningcss-dark,#a78bfa52);--ff-display:"Fraunces", Georgia, serif;--ff-mono:"JetBrains Mono", var(--font-editor-mono);--surface:var(--card);--surface-hover:var(--lightningcss-light,#f4efe7)var(--lightningcss-dark,oklch(31.4% .023 64/.96));--surface-active:var(--paper-2);--border:var(--ink-18);--border-subtle:var(--ink-08);--text:var(--ink);--text-muted:var(--ink-56);--text-faint:var(--ink-45);--accent-text:#fff;--accent-subtle:var(--accent-soft);--dlg-pad-x:20px;--dlg-pad-y:16px;--dlg-header-pad-bottom:12px;--dlg-body-pad-y:16px;--dlg-body-pad-bottom:18px;--dlg-footer-pad-y:12px;--dlg-title-size:22px;--dlg-label-size:11px;--dlg-font:14px;--dlg-control-pad-y:13px;--dlg-control-pad-x:24px;--dlg-gap:10px;--dlg-option-pad-y:10px;--dlg-option-pad-x:12px;--dlg-inline-control-pad-y:6px;--dlg-inline-control-pad-x:12px;--dlg-inline-control-font:.78rem;--dlg-sheet-row-pad-y:7px;--dlg-sheet-row-pad-x:8px;--dlg-sheet-row-gap:8px;--dlg-sheet-row-font:.85rem;background:var(--card);color:var(--text);border-color:var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-modal-themed);-webkit-backdrop-filter:none;backdrop-filter:none}.web-prefs-modal .web-prefs-title{font-family:var(--ff-display);font-size:var(--dlg-title-size);letter-spacing:-.01em;text-transform:none;color:var(--ink);font-weight:700}.web-prefs-modal .web-button-primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--accent-text)}.web-prefs-modal .web-button-primary:hover{background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}.web-prefs-modal .web-button-primary:disabled{opacity:.5}.web-prefs-modal .web-prefs-close{border-radius:var(--r-md)}.web-prefs-modal .web-prefs-footer{background:var(--paper)}@media (width>=701px){.web-prefs-modal{--dlg-pad-x:16px;--dlg-pad-y:11px;--dlg-header-pad-bottom:11px;--dlg-body-pad-y:14px;--dlg-body-pad-bottom:14px;--dlg-footer-pad-y:10px;--dlg-title-size:16px;--dlg-label-size:9px;--dlg-font:12.5px;--dlg-control-pad-y:7px;--dlg-control-pad-x:14px;--dlg-gap:8px;--dlg-option-pad-y:7px;--dlg-option-pad-x:14px;--dlg-inline-control-pad-y:7px;--dlg-inline-control-pad-x:14px;--dlg-inline-control-font:12.5px;--dlg-sheet-row-pad-y:7px;--dlg-sheet-row-pad-x:14px;--dlg-sheet-row-gap:8px;--dlg-sheet-row-font:12.5px}}.web-prefs-modal:before{content:"";z-index:2;opacity:.02;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}html[data-theme=dark] .web-prefs-modal:before{filter:invert()}@media (prefers-color-scheme:dark){html:not([data-theme]) .web-prefs-modal:before{filter:invert()}}@media (width<=700px){.web-prefs-overlay{align-items:flex-end;padding:0}.web-prefs-modal{border-bottom:0;border-radius:14px 14px 0 0;width:100%;max-height:92dvh}}.web-prefs-modal-windowed{max-height:none}.web-prefs-header-draggable{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.web-prefs-resize-handle{cursor:nwse-resize;touch-action:none;width:16px;height:16px;position:absolute;bottom:0;right:0}.web-prefs-resize-handle:after{content:"";border-right:2px solid var(--border);border-bottom:2px solid var(--border);opacity:.6;width:7px;height:7px;position:absolute;bottom:4px;right:4px}.web-prefs-modal.web-prefs-modal-sheet{border-bottom:0;border-radius:14px 14px 0 0;width:100%;max-height:92svh;transform:translateY(12px)}dialog.web-prefs-overlay[open] .web-prefs-modal.web-prefs-modal-sheet{transform:translateY(0)}@starting-style{dialog.web-prefs-overlay[open] .web-prefs-modal.web-prefs-modal-sheet{opacity:.92;transform:translateY(12px)}}.web-prefs-modal.web-prefs-modal-sheet .web-prefs-footer .web-button{min-width:44px;min-height:44px}