@font-face{font-family:IBM Plex Mono;font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexMono-Light.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexMono-Regular.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexMono-Medium.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexMono-SemiBold.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexMono-Bold.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexSans-Regular.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexSans-Medium.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexSans-SemiBold.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexSans-Bold.woff2)format("woff2")}:root{--bg:#121418;--stage:#15171b;--panel:#1b1e24;--panel-2:#20242b;--well:#25292f;--well-hi:#2c313a;--line:#ffffff12;--line-hard:#ffffff21;--text:#c9ced6;--muted:#8b919b;--dim:#5f656e;--tick:#3b414a;--accent:#e8a24c;--accent-dim:#b87f3a;--accent-ink:#14161a;--ok:#7fae8a;--r-sm:4px;--r-md:6px;--r-lg:8px;--dur:.15s;--ease:cubic-bezier(.2, 0, 0, 1);--pad:18px;--gap:14px;--rail-w:168px;--insp-w:360px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);min-width:320px;margin:0;overflow:hidden}[hidden]{display:none!important}button,input{font:inherit;color:inherit}.mono{font-feature-settings:"tnum" 1, "zero" 1;font-family:IBM Plex Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace}::selection{background:color-mix(in oklab, var(--accent) 35%, transparent)}#app{width:100vw;height:100svh}.app{background:var(--bg);grid-template-rows:auto 1fr;height:100svh;display:grid}.panels-toggle{opacity:0;pointer-events:none;position:absolute}.btn{border-radius:var(--r-md);background:var(--accent);min-height:38px;color:var(--accent-ink);cursor:pointer;white-space:nowrap;transition:filter var(--dur) var(--ease), background var(--dur) var(--ease);border:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.btn:hover{filter:brightness(1.07)}.btn:active{background:var(--accent-dim)}.btn.ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--line-hard)}.btn.ghost:hover{background:var(--well);filter:none}.btn.dashed{background:var(--panel-2);color:var(--text);border:1px dashed var(--line-hard)}.btn.dashed:hover{background:var(--well);filter:none}.btn.sm{min-height:32px;padding:0 12px;font-size:12px}.btn:focus-visible,.file-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.file-button{position:relative}.file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.topbar{border-bottom:1px solid var(--line);background:var(--panel);z-index:5;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex}.brand{flex-direction:column;gap:1px;line-height:1.1;display:flex}.brand .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.brand .eyebrow:before{content:"@ ";color:var(--accent);font-weight:700}.brand h1{letter-spacing:.01em;color:var(--text);margin:0;font-size:17px;font-weight:600}.topbar-spacer{flex:1}.panels-toggle-btn{-webkit-user-select:none;user-select:none}.ptoggle-show{display:none}.app:has(#panels-toggle:checked) .ptoggle-hide{display:none}.app:has(#panels-toggle:checked) .ptoggle-show{display:inline}.body{grid-template-columns:var(--rail-w) 1fr var(--insp-w);min-height:0;display:grid}.app:has(#panels-toggle:checked) .body{grid-template-columns:0 1fr 0}:is(.app:has(#panels-toggle:checked) .rail,.app:has(#panels-toggle:checked) .inspector){opacity:0;pointer-events:none;overflow:hidden}.rail{border-right:1px solid var(--line);background:var(--panel);padding:var(--pad) 12px;transition:opacity var(--dur) var(--ease);flex-direction:column;gap:10px;display:flex;overflow-y:auto}.rail-title{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:2px 4px 4px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.rail-auto{margin-top:6px}.mode-tile{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;width:100%;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:10px;display:block;position:relative;overflow:hidden}.mode-tile:hover{background:var(--well);transform:translateY(-1px)}.mode-tile input{opacity:0;pointer-events:none;position:absolute}.mode-tile .thumb{aspect-ratio:4/3;background:var(--stage);border-bottom:1px solid var(--line);width:100%;display:block}.mode-tile .meta{padding:8px 10px 10px;display:block}.mode-tile .meta .name{color:var(--text);align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.mode-tile .meta .glyph{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:13px}.mode-tile .meta .desc{color:var(--muted);margin-top:3px;font-size:10.5px;line-height:1.3;display:block}.mode-tile:has(input:checked){border-color:var(--accent);background:color-mix(in oklab, var(--accent) 12%, var(--panel-2));box-shadow:inset 0 0 0 1px var(--accent)}.mode-tile:has(input:checked) .meta .glyph{color:var(--accent)}.mode-tile:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.mode-tile:has(input:disabled){opacity:.4;pointer-events:none}.mode-badge{z-index:1;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border-radius:4px;padding:2px 6px;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;position:absolute;top:6px;right:6px}.mode-tile .thumb-photo{background:radial-gradient(58% 50% at 52% 40%, color-mix(in oklab, var(--accent) 60%, #fff 12%) 0%, transparent 70%), radial-gradient(82% 38% at 50% 94%, color-mix(in oklab, var(--accent) 26%, var(--stage)) 0%, transparent 78%), var(--stage)}.mode-tile .thumb-glyph{background:radial-gradient(circle at center, color-mix(in oklab, var(--text) 55%, transparent) .9px, transparent 1.4px) 2px 2px / 8px 8px, var(--stage)}.mode-tile .thumb-hatch{background:repeating-linear-gradient(48deg, color-mix(in oklab, var(--accent) 65%, var(--text)) 0 1.2px, transparent 1.2px 6px), var(--stage)}.mode-tile .thumb-flow{background:repeating-linear-gradient(68deg, color-mix(in oklab, var(--text) 45%, transparent) 0 1px, transparent 1px 9px), repeating-linear-gradient(122deg, color-mix(in oklab, var(--accent) 55%, transparent) 0 1px, transparent 1px 13px), var(--stage)}.stage{background:radial-gradient(120% 90% at 56% 44%, color-mix(in oklab, var(--stage) 80%, #fff 4%) 0%, var(--stage) 72%);min-width:0;position:relative;overflow:hidden}.viewport{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-hint{z-index:3;color:var(--dim);align-items:center;gap:14px;font-size:11px;display:flex;position:absolute;bottom:14px;left:14px}.stage-hint kbd{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-family:IBM Plex Mono,monospace;font-size:10px}.light-widget{z-index:3;border:1px solid var(--line-hard);background:color-mix(in oklab, var(--panel) 84%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;width:88px;height:88px;position:absolute;bottom:16px;right:16px}.light-widget-orbit{border-radius:50%;position:absolute;inset:0}.light-widget-axis{background:var(--line-hard);position:absolute;top:50%;left:50%}.light-widget-axis-x{width:70%;height:1px;transform:translate(-50%,-50%)}.light-widget-axis-y{width:1px;height:70%;transform:translate(-50%,-50%)}.light-widget-ray{height:1.5px;width:var(--light-length,24px);transform-origin:0;transform:rotate(var(--light-angle,-30deg));background:linear-gradient(90deg, var(--accent), transparent);position:absolute;top:50%;left:50%}.light-widget-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 10px 2px color-mix(in oklab, var(--accent) 70%, transparent);transform:translate(calc(-50% + var(--light-x,16px)), calc(-50% + var(--light-y,-10px))) scale(var(--light-scale,1));border-radius:50%;position:absolute;top:50%;left:50%}.light-widget:after{content:"";background:var(--muted);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-status{z-index:4;border:1px solid var(--line-hard);border-radius:var(--r-lg);background:var(--panel);gap:9px;width:min(440px,70%);min-height:56px;padding:12px 14px;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000059}.loading-status-message{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.25;overflow:hidden}.loading-status-progress{border:1px solid var(--line-hard);border-radius:var(--r-sm);background:var(--well);width:100%;height:8px;overflow:hidden}.loading-status-progress::-webkit-progress-bar{background:var(--well)}.loading-status-progress::-webkit-progress-value{background:var(--accent)}.loading-status-progress::-moz-progress-bar{background:var(--accent)}.loading-status-progress[data-indeterminate=true]::-webkit-progress-value{background:linear-gradient(90deg, transparent 0%, var(--accent) 48%, transparent 100%) 0 0 / 42% 100% no-repeat;animation:1.05s linear infinite loading-scan}.loading-status-progress[data-indeterminate=true]::-moz-progress-bar{background:var(--accent)}@keyframes loading-scan{0%{background-position-x:-42%}to{background-position-x:142%}}.inspector{border-left:1px solid var(--line);background:var(--panel);scrollbar-color:var(--tick) transparent;transition:opacity var(--dur) var(--ease);overflow:hidden auto}.insp-head{z-index:2;padding:var(--pad) var(--pad) 12px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0}.insp-head .title{font-size:13px;font-weight:600}.insp-head .sub{color:var(--muted);margin-top:2px;font-size:11px}.section{border-bottom:1px solid var(--line)}.section .sec-toggle{opacity:0;pointer-events:none;position:absolute}.section-head{padding:13px var(--pad);cursor:pointer;align-items:center;gap:11px;display:flex}.section-head:hover{background:var(--panel-2)}.section-head .ic{border:1px solid var(--line);background:var(--panel-2);width:26px;height:26px;color:var(--muted);border-radius:7px;flex:none;place-items:center;display:grid}.section-head .ic svg{width:14px;height:14px}.section:has(.sec-toggle:checked) .section-head .ic{color:var(--accent);border-color:color-mix(in oklab, var(--accent) 45%, var(--line-hard))}.section-head .grow{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.section-head .name{color:var(--text);font-size:13px;font-weight:600}.section-head .summary{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-family:IBM Plex Mono,monospace;font-size:10.5px;overflow:hidden}.section-head .summary:empty{display:none}.section-head .chev{color:var(--dim);transition:transform var(--dur) var(--ease);flex:none;font-size:16px;line-height:1}.section:has(.sec-toggle:checked) .section-head .chev{color:var(--muted);transform:rotate(90deg)}.section-head:focus-within{outline:2px solid var(--accent);outline-offset:-2px}.section-body{padding:4px var(--pad) calc(var(--pad) - 2px);gap:var(--gap);display:none}.section:has(.sec-toggle:checked) .section-body{display:grid}.row{gap:7px;display:grid}.row-label{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.row-label .lbl,.toggle .lbl,.action-row .lbl{color:var(--text);font-size:12px;font-weight:600}.lbl .hint{color:var(--dim);margin-left:6px;font-size:11px;font-weight:400}.row-label .val{color:var(--accent);text-align:right;min-width:34px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}.slider{appearance:none;cursor:pointer;width:100%;height:34px;accent-color:var(--accent);background:0 0;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(var(--well), var(--well)) 0 50% / 100% 3px no-repeat, repeating-linear-gradient(90deg, var(--tick) 0 1px, transparent 1px 14px) 0 6px / 100% 9px no-repeat;border-radius:999px;height:34px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--panel);width:13px;height:13px;transition:transform var(--dur) var(--ease);border-radius:3px;margin-top:10.5px}.slider:active::-webkit-slider-thumb{transform:scale(1.18)}.slider::-moz-range-track{background:linear-gradient(var(--well), var(--well)) 0 50% / 100% 3px no-repeat, repeating-linear-gradient(90deg, var(--tick) 0 1px, transparent 1px 14px) 0 6px / 100% 9px no-repeat;border-radius:999px;height:34px}.slider::-moz-range-progress{background:var(--accent);border-radius:999px;height:3px}.slider::-moz-range-thumb{background:var(--accent);border:2px solid var(--panel);border-radius:3px;width:13px;height:13px}.slider:focus-visible{outline:none}.slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:2px}.seg{border:1px solid var(--line-hard);background:var(--well);border-radius:8px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;padding:3px;display:grid}.seg label{cursor:pointer;min-height:32px;display:grid;position:relative}.seg input{opacity:0;pointer-events:none;position:absolute}.seg span{color:var(--muted);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:6px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.seg span .g{font-family:IBM Plex Mono,monospace}.seg label:hover span{color:var(--text);background:var(--panel-2)}.seg input:checked+span{background:var(--accent);color:var(--accent-ink)}.seg input:disabled+span{color:var(--dim);cursor:not-allowed;background:0 0}.seg label:has(input:disabled){cursor:not-allowed}.seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:-2px}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;display:flex}.switch{flex:none;width:40px;height:23px;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch .track{background:var(--well-hi);border:1px solid var(--line-hard);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:999px;position:absolute;inset:0}.switch .knob{background:var(--muted);width:15px;height:15px;transition:transform var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked~.track{background:color-mix(in oklab, var(--accent) 40%, var(--well));border-color:var(--accent)}.switch input:checked~.knob{background:var(--accent);transform:translate(17px)}.switch input:focus-visible~.track{outline:2px solid var(--accent);outline-offset:2px}.switch input:disabled~.track,.switch input:disabled~.knob{opacity:.5}.toggle:has(input:disabled) .lbl{color:var(--dim)}.action-row{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.action-row .lbl .hint{margin-top:1px;margin-left:0;display:block}.readout{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;gap:10px;margin:0;padding:10px 12px;display:grid}.readout div{gap:3px;display:grid}.readout dt{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.readout dd{color:var(--text);margin:0;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.35}.divider-note{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.progress-row{grid-template-columns:1fr minmax(86px,auto);align-items:center;gap:10px;min-height:22px;display:grid}.sequence-progress{border:1px solid var(--line-hard);border-radius:var(--r-sm);background:var(--well);width:100%;height:8px;overflow:hidden}.sequence-progress::-webkit-progress-bar{background:var(--well)}.sequence-progress::-webkit-progress-value{background:var(--accent)}.sequence-progress::-moz-progress-bar{background:var(--accent)}.progress-label{color:var(--muted);text-align:right;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}@media (width<=1040px){.body{grid-template-columns:var(--rail-w) 1fr}.inspector{display:none}}@media (width<=720px){.body{grid-template-columns:1fr}.rail{display:none}}