:root{--chrome:#191919;--chrome-raised:#212121;--chrome-sunken:#141414;--surround:#2e2e2e;--line:#333;--line-strong:#444;--text:#ececec;--text-dim:#a6a6a6;--text-faint:#8a8a8a;--accent:#6f9bf0;--warn:#d9a441;--error:#e0685f;--radius:9px;--radius-sm:6px;--tap:34px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--chrome);-webkit-user-select:none;user-select:none;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:13px;line-height:1.45}.metric-value,.panel-details,.notice{-webkit-user-select:text;user-select:text}.metric-value,.param-value,.zoom-value,.panel-details,.build-info{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#boot{background:var(--chrome);z-index:100;place-items:center;display:grid;position:fixed;inset:0}.boot-mark{opacity:.5;background:linear-gradient(90deg,#e8e8e8 0 50%,#6a6a6a 50% 100%);border-radius:5px;width:26px;height:26px}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.stage-wrap{background:var(--surround);flex:auto;min-height:0;position:relative}.topbar,.notices,.statusbar,.sheet{flex:none}.topbar{background:var(--chrome);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:18px;min-height:50px;padding:8px 12px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:14px;display:flex}.topbar-centre{flex:260px;justify-content:center;align-items:center;gap:12px;display:flex}.topbar-right{margin-left:auto}.brand{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding-right:4px;display:flex}.brand-mark{background:linear-gradient(90deg,#ededed 0 50%,#6a6a6a 50% 100%);border-radius:4px;width:18px;height:18px}.brand-name{letter-spacing:.01em;font-weight:600}.toolbar-group{align-items:center;gap:7px;display:flex}.toolbar-group.is-hidden{display:none}.toolbar-label{color:var(--text-faint);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;font-size:11px}.segmented{background:var(--chrome-sunken);border:1px solid var(--line);border-radius:var(--radius);gap:2px;padding:2px;display:inline-flex}.segmented.is-disabled{opacity:.45}.segment{appearance:none;color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:0;height:26px;padding:0 10px;transition:background-color 90ms linear,color 90ms linear}.segment:hover:not(:disabled){color:var(--text);background:#262626}.segment[aria-checked=true]{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);background:#3a3a3a}.segment:disabled{cursor:default}.button{appearance:none;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--chrome-raised);height:28px;color:var(--text);cursor:pointer;white-space:nowrap;padding:0 12px;transition:background-color 90ms linear,border-color 90ms linear}.button:hover{background:#2a2a2a;border-color:#555}.button-primary{color:#171717;background:#ededed;border-color:#ededed;font-weight:550}.button-primary:hover{background:#fff;border-color:#fff}.button-quiet{color:var(--text-dim);background:0 0;border-color:#0000;height:26px;padding:0 8px}.button-quiet:hover{color:var(--text);background:#262626;border-color:#0000}.icon-button{appearance:none;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--chrome-raised);width:26px;height:26px;color:var(--text-dim);cursor:pointer;place-items:center;font-size:15px;line-height:1;display:grid}.icon-button:hover{color:var(--text);background:#2a2a2a}.zoom-control{background:var(--chrome-sunken);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:8px;padding:3px 8px;display:flex}.zoom-value{text-align:center;min-width:52px;color:var(--text);font-size:12px}.gain-control{align-items:center;gap:6px;display:none}.toolbar-group.show-gain .gain-control{display:inline-flex}input[type=range].gain-range{width:96px}.gain-value{color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:26px;font-size:12px}.zoom-presets{gap:2px;display:flex}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:20px}input[type=range].zoom-range{width:168px}input[type=range]::-webkit-slider-runnable-track{background:#3d3d3d;border-radius:2px;height:3px}input[type=range]::-moz-range-track{background:#3d3d3d;border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#e6e6e6;border:0;border-radius:50%;width:13px;height:13px;margin-top:-5px}input[type=range]::-moz-range-thumb{background:#e6e6e6;border:0;border-radius:50%;width:13px;height:13px}input[type=range]:disabled::-webkit-slider-thumb{background:#5a5a5a}input[type=range]:disabled::-moz-range-thumb{background:#5a5a5a}.stage{background:var(--surround);grid-auto-rows:minmax(0,1fr);grid-auto-columns:minmax(0,1fr);display:grid;position:absolute;inset:0;overflow:hidden}.splitter{background:var(--chrome);cursor:col-resize;touch-action:none;border-left:1px solid var(--line);border-right:1px solid var(--line);position:relative}.splitter.is-vertical{cursor:row-resize;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.splitter:after{content:"";background:var(--line-strong);border-radius:1px;width:1px;height:26px;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.splitter.is-vertical:after{width:26px;height:1px}.splitter:hover:after{background:#6a6a6a}@media (pointer:coarse){.splitter:before{content:"";position:absolute;inset:0 -12px}.splitter.is-vertical:before{inset:-12px 0}}.panel{background:var(--surround);grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.panel-head{background:var(--chrome);border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:38px;padding:6px 10px;display:flex}.format-select{appearance:none;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--chrome-raised) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a6a6a6' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer;height:26px;padding:0 26px 0 9px;font-weight:550}.panel-note{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.panel-badge{border:1px solid var(--line-strong);color:var(--text-dim);letter-spacing:.02em;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:11px;display:none}.panel-badge.is-visible{display:inline-block}.panel-view{touch-action:none;cursor:grab;background:var(--surround);min-height:0;position:relative;overflow:hidden}.panel-view.is-dragging{cursor:grabbing}.panel-canvas{width:100%;height:100%;display:block}.panel-outside{border-radius:var(--radius-sm);border:1px solid var(--line-strong);color:var(--text-dim);text-align:center;pointer-events:none;background:#181818e6;padding:8px 12px;font-size:12px;display:none;position:absolute;inset:auto 16px 16px}.panel-outside.is-visible{display:block}.panel-overlay{pointer-events:none;place-items:center;padding:20px;display:none;position:absolute;inset:0}.panel-overlay.is-visible{display:grid}.overlay-card{pointer-events:auto;border-radius:var(--radius);border:1px solid var(--line-strong);max-width:320px;color:var(--text);text-align:center;background:#181818eb;justify-items:center;gap:8px;padding:14px 16px;display:grid}.overlay-card p{color:var(--text-dim);margin:0}.overlay-hint{font-size:12px;color:var(--text-faint)!important}.overlay-empty{color:var(--text-dim);background:#181818a6;border-style:dashed}.overlay-busy{color:var(--text-dim);grid-auto-flow:column;align-items:center;gap:10px}.spinner{border:2px solid #555;border-top-color:#ddd;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{rotate:360deg}}.panel.is-drop-target .panel-view{box-shadow:inset 0 0 0 2px var(--line-strong)}.panel-metrics{background:var(--chrome);border-top:1px solid var(--line)}.panel-metrics.is-hidden{visibility:hidden}.panel-metrics-row{align-items:center;gap:22px;padding:7px 12px;display:flex;overflow-x:auto}.metric{gap:1px;min-width:0;display:grid}.metric-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);font-size:10.5px}.metric-value{color:var(--text);white-space:nowrap;font-size:13.5px}.metric.has-tooltip .metric-label{border-bottom:1px dotted var(--line-strong);cursor:help;justify-self:start}.details-toggle{appearance:none;border:1px solid var(--line);color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:26px;height:22px;margin-left:auto;line-height:1}.details-toggle:hover{color:var(--text);background:#242424}.panel-details{border-top:1px dashed var(--line);flex-wrap:wrap;gap:4px 18px;margin:0;padding:8px 12px 9px;display:flex;overflow-x:auto}.detail{align-items:baseline;gap:6px;display:flex}.detail dt{color:var(--text-faint);font-size:11.5px}.detail dd{color:var(--text-dim);margin:0;font-size:12.5px}.panel-params{background:var(--chrome);border-top:1px solid var(--line)}.params{min-height:var(--params-height,auto);flex-wrap:wrap;align-content:flex-start;align-items:flex-end;gap:10px 20px;padding:9px 12px 11px;display:flex}.panel-metrics{min-height:var(--metrics-height,auto)}.params-empty{color:var(--text-faint);margin:0;font-size:12px}.param{gap:4px;min-width:130px;display:grid}.param.is-disabled{opacity:.4}.param-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.param-label{color:var(--text-dim);white-space:nowrap;font-size:11.5px}.param-value{color:var(--text);font-size:12px}.param-slider{width:100%;min-width:130px}.param-select{appearance:none;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--chrome-raised) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a6a6a6' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 7px center;cursor:pointer;height:26px;padding:0 24px 0 8px}.param-kind-toggle .param-head{justify-content:flex-start;gap:9px;height:26px}.switch{flex:none;width:30px;height:17px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.switch-track{border:1px solid var(--line-strong);background:#3a3a3a;border-radius:999px;transition:background-color .11s linear;position:absolute;inset:0}.switch-track:after{content:"";background:#b4b4b4;border-radius:50%;width:11px;height:11px;transition:translate .11s,background-color .11s linear;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background:#d8d8d8;border-color:#d8d8d8}.switch input:checked+.switch-track:after{background:#1c1c1c;translate:13px}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}body.is-interacting .panel-params,body.is-interacting .panel-metrics{opacity:.45;transition:opacity .12s linear}.empty-state{background:var(--surround);z-index:5;place-items:center;padding:24px;display:none;position:absolute;inset:0}.empty-state.is-visible{display:grid}.empty-card{text-align:center;border:1px solid var(--line);background:var(--chrome);border-radius:14px;justify-items:center;gap:12px;max-width:460px;padding:28px;display:grid}.empty-card h1{letter-spacing:-.01em;margin:0;font-size:21px;font-weight:600}.empty-card p{color:var(--text-dim);max-width:40ch;margin:0}.empty-formats{font-size:12px;color:var(--text-faint)!important}.empty-divider{background:var(--line);width:100%;height:1px;margin:4px 0}.empty-label{font-size:12px;color:var(--text-faint)!important}.empty-demos{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.loading-veil{background:var(--surround);color:var(--text-dim);z-index:6;grid-auto-flow:column;place-items:center;gap:10px;display:none;position:absolute;inset:0}.loading-veil.is-visible{display:grid}body.is-dragover .stage-wrap:after{content:"";border:2px dashed var(--line-strong);pointer-events:none;z-index:20;border-radius:12px;position:absolute;inset:8px}.notices{background:var(--line);gap:1px;max-height:30vh;display:grid;overflow-y:auto}.notices:empty{display:none}.notice{background:var(--chrome-raised);color:var(--text-dim);align-items:flex-start;gap:10px;padding:8px 12px;font-size:12.5px;display:flex}.notice-warn{border-left:2px solid var(--warn)}.notice-error{border-left:2px solid var(--error)}.notice-close{appearance:none;color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:16px;line-height:1}.notice-close:hover{color:var(--text)}.statusbar{background:var(--chrome);border-top:1px solid var(--line);color:var(--text-faint);justify-content:space-between;align-items:center;gap:12px;min-height:28px;padding:5px 12px;font-size:11.5px;display:flex}.build-info{color:gray}.sheet{display:none}body.is-compact .sheet{background:var(--chrome);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:block}body.is-compact .sheet-handle{background:var(--line-strong);border-radius:2px;width:34px;height:3px;margin:6px auto 2px}body.is-compact .sheet-tabs{gap:2px;padding:4px 10px 0;display:flex}.sheet-tab{appearance:none;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:6px 10px;font-size:12px}.sheet-tab[aria-selected=true]{color:var(--text);border-bottom-color:#d8d8d8}body.is-compact .panel>.panel-params{display:none}body.is-compact .topbar{gap:10px;padding:6px 8px}body.is-compact .topbar-centre{flex-basis:100%;order:3}body.is-compact .topbar-right{flex-wrap:wrap;flex-basis:100%;gap:8px 10px;margin-left:0}body.is-compact .topbar-left{flex-wrap:wrap;gap:8px 10px}body.is-compact .toolbar-label,body.is-compact .brand-name,body.is-compact .status-hint{display:none}body.is-compact input[type=range].zoom-range{flex:1;width:auto}body.is-compact .panel-metrics-row{gap:14px;padding:6px 10px}body.is-compact .segment,body.is-compact .button,body.is-compact .icon-button{min-height:30px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--text-dim:#cfcfcf;--text-faint:#b0b0b0;--line:#4a4a4a;--line-strong:#666}}.panel-note{flex:auto;min-width:0}.panel-head-actions,.panel-actions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.panel-actions .details-toggle,.panel-head-actions .panel-badge{margin-left:0}.panel-busy{align-items:center;display:none}.panel-busy.is-visible{display:inline-flex}.spinner-small{border-width:1.5px;width:11px;height:11px}.panel-load,.panel-download{white-space:nowrap;flex:none}.panel-download.is-hidden{display:none}.panel-download:disabled{opacity:.45;cursor:default}.github-link{color:var(--text-dim);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.github-link:hover{color:var(--text)}