:root{--bg:#f4f4f6;--surface:#fff;--stage:#e6e6ea;--line:#e2e2e7;--line-strong:#c4c4cc;--ink:#1a1a1f;--ink-muted:#5c5c68;--accent:#3b4fd6;--accent-hover:#3447c9;--accent-soft:#eceefc;--on-accent:#fff;--danger:#b42318;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--r-panel:12px;--r-control:8px;--r-small:4px;--control-h:36px;--strip-h:62px;--thumb:#c4c4cc99;--thumb-hover:#8a8a94;--focus:0 0 0 2px #fff, 0 0 0 4px var(--accent);--ring-selected:inset 0 0 0 1px #fff, inset 0 0 0 3px var(--accent), inset 0 0 0 4px #fff;--ring-over:inset 0 0 0 1px #fff, inset 0 0 0 4px var(--accent), inset 0 0 0 5px #fff;--ring-focus:inset 0 0 0 5px #fff, inset 0 0 0 7px var(--accent), inset 0 0 0 8px #fff;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (pointer:coarse){:root{--control-h:44px}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;-webkit-text-size-adjust:100%;margin:0;font-size:14px;line-height:1.4;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--thumb) transparent}.scroll{scrollbar-gutter:stable;overflow:auto}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus{outline:none}:focus-visible{outline-offset:2px;box-shadow:var(--focus);outline:2px solid #0000}svg{stroke-width:1.5px}.btn.primary svg{stroke-width:2px}h1,h2,h3,p{margin:0}.num{font-variant-numeric:tabular-nums}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--s2);height:var(--control-h);padding:0 var(--s4);border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);white-space:nowrap;font-weight:500;transition-property:background-color,border-color;transition-duration:.12s;transition-timing-function:ease;display:inline-flex}@media (hover:hover){.btn:hover:not(:disabled,[aria-disabled=true]){background:var(--bg)}}@media (prefers-reduced-motion:no-preference){.btn,.icon-btn{transition-property:background-color,border-color,scale}.btn:active:not(:disabled,[aria-disabled=true]),.icon-btn:active:not(:disabled){scale:.96}}.btn:disabled,.btn[aria-disabled=true]{opacity:.45}.btn:has(>svg:first-child){padding-inline-start:var(--s3)}.btn.primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600}@media (hover:hover){.btn.primary:hover:not(:disabled,[aria-disabled=true]){background:var(--accent-hover);border-color:var(--accent-hover)}}.btn.danger{border-color:var(--danger);background:var(--danger);color:#fff}@media (hover:hover){.btn.danger:hover:not(:disabled){background:#9a1d14}}.icon-btn{width:var(--control-h);height:var(--control-h);border-radius:var(--r-control);background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:background-color .12s;display:inline-grid}@media (hover:hover){.icon-btn:hover:not(:disabled){background:var(--bg)}}.icon-btn:disabled{opacity:.35}.section-title{margin-bottom:var(--s2);color:var(--ink-muted);letter-spacing:.02em;font-size:12px;font-weight:600}@media (forced-colors:active){[aria-pressed=true]:not(.select),.preset.on{outline-offset:-2px;outline:2px solid highlight}.swatch{forced-color-adjust:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-dragging],html[data-dragging] *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.field{height:var(--control-h);padding:0 var(--s3);border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface)}@media (hover:hover){.field:hover{border-color:var(--ink-muted)}}@media (pointer:coarse){.field{font-size:16px}}.field:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}[data-more=end]{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--s5)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--s5)), transparent)}[data-more=start]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--s5));mask-image:linear-gradient(to right, transparent, #000 var(--s5))}[data-more=both]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--s5), #000 calc(100% - var(--s5)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--s5), #000 calc(100% - var(--s5)), transparent)}.dialog{width:min(440px, calc(100vw - 2 * var(--s4)));max-height:calc(100dvh - 2 * var(--s4));padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);color:var(--ink);overscroll-behavior:contain;overflow:auto;box-shadow:0 24px 48px -16px #0000004d}.dialog::backdrop{background:#14141c66}.dialog h2{margin-bottom:var(--s2);letter-spacing:-.01em;font-size:18px;font-weight:650}.dialog p{color:var(--ink-muted)}.dialog .actions{justify-content:flex-end;gap:var(--s3);margin-top:var(--s5);display:flex}.skip{z-index:100;padding:var(--s2) var(--s3);border-radius:var(--r-control);background:var(--ink);color:#fff;position:fixed;inset-block-start:var(--s2);inset-inline-start:var(--s2);transform:translateY(-200%)}.skip:focus-visible{transform:none}