:root{--surface-soft:#f5f3ff;--line:#e4e4e7;--line-strong:#c4b5fd;--text:#111827;--muted:#6b7280;--muted-strong:#4b5563;--cyan:#2563eb;--green:#16a34a;--amber:#b45309;--violet:#7c3aed;--danger:#dc2626;--highlight:#7c3aed;--radius-lg:8px;--radius-md:7px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", "SF Mono", ui-monospace, "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{background:#f5f3ff;min-width:320px;margin:0;overflow:hidden}.docs-playground{color:var(--text);background:radial-gradient(circle at 100% 0,#c4b5fd80,#0000 34%),linear-gradient(145deg,#fff 0%,#f5f3ff 100%);grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:0;height:100%;min-height:0;display:grid;overflow:hidden}.docs-playground__stage{background:#fff;border-right:1px solid #ddd6fe;min-height:0;position:relative}.docs-playground__stage .renderer-viewport{background:#f3f4f6;height:100%}.docs-playground__stage .renderer-viewport:after{display:none}.docs-playground__stage-copy{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3;background:#ffffffe0;border:1px solid #c4b5fde0;border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .72rem;display:flex;position:absolute;top:1rem;left:1rem;box-shadow:0 8px 24px #4c1d951f}.docs-playground__stage-copy span,.docs-playground__stage-copy strong{font-size:.7rem;line-height:1}.docs-playground__stage-copy span{color:var(--violet);letter-spacing:.08em;text-transform:uppercase;font-weight:780}.docs-playground__stage-copy strong{color:var(--text);font-weight:740}.docs-playground__controls{scrollbar-color:#c4b5fd transparent;scrollbar-width:thin;flex-direction:column;gap:1.15rem;min-height:0;padding:clamp(1.2rem,3vw,2rem);display:flex;overflow:auto}.docs-playground__controls-heading{justify-content:space-between;align-items:start;gap:.8rem;display:flex}.docs-playground__controls-heading p,.docs-playground__controls-heading h1{margin:0}.docs-playground__controls-heading p,.docs-playground legend{color:var(--violet);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:780}.docs-playground__controls-heading h1{color:var(--text);letter-spacing:-.045em;margin-top:.35rem;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.04}.docs-playground__controls-heading a{color:var(--violet);white-space:nowrap;font-size:.76rem;font-weight:720;text-decoration:none}.docs-playground__layer-list,.docs-playground__style-list{background:#ffffffbd;border:1px solid #e4e4e7;border-radius:13px;gap:.6rem;padding:.95rem;display:grid}.docs-playground legend{margin-bottom:.18rem;padding:0}.docs-playground__layer{cursor:pointer;border-radius:9px;align-items:center;gap:.65rem;padding:.4rem;display:flex}.docs-playground__layer:hover{background:#f5f3ff}.docs-playground__layer input{accent-color:var(--violet);block-size:1rem;inline-size:1rem;margin:0}.docs-playground__layer span{gap:.08rem;display:grid}.docs-playground__layer strong{color:var(--text);font-size:.8rem;font-weight:700}.docs-playground__layer small{color:var(--muted);font-size:.69rem}.docs-playground__range{gap:.42rem;display:grid}.docs-playground__range+.docs-playground__range{margin-top:.42rem}.docs-playground__range>span{justify-content:space-between;align-items:baseline;display:flex}.docs-playground__range strong{color:var(--muted-strong);font-size:.76rem;font-weight:680}.docs-playground__range output{color:var(--text);font-family:var(--font-mono);font-size:.7rem;font-weight:700}.docs-playground__range input{accent-color:var(--violet);cursor:pointer;inline-size:100%}.docs-playground__playback{grid-template-columns:auto minmax(3rem,1fr);align-items:center;gap:.5rem;margin-top:auto;display:grid}.docs-playground__playback button{background:var(--violet);color:#fff;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:.38rem;min-height:2.2rem;padding:.45rem .72rem;font-size:.78rem;font-weight:730;display:inline-flex;box-shadow:0 8px 16px #6d28d92e}.docs-playground__playback button:hover:not(:disabled){background:#6d28d9}.docs-playground__playback button:disabled{cursor:wait;opacity:.55}.docs-playground__progress{background:#ddd6fe;border-radius:999px;block-size:.35rem;overflow:hidden}.docs-playground__progress span{border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#a78bfa);block-size:100%;transition:width .18s linear;display:block}.docs-playground__loop{color:var(--muted);grid-column:2;font-size:.68rem;font-weight:620}@media (width<=720px){.docs-playground{grid-template-rows:minmax(22rem,1.08fr) minmax(27rem,.92fr);grid-template-columns:1fr;overflow:auto}.docs-playground__stage{border-bottom:1px solid #ddd6fe;border-right:0;min-height:22rem}.docs-playground__controls{overflow:visible}}.docs-layer-playground{color:var(--text);background:radial-gradient(circle at 100% 0,#c4b5fd6b,#0000 34%),#fff;grid-template-columns:minmax(0,3fr) minmax(15.5rem,1fr);height:auto;min-height:46rem;display:grid;overflow:visible}.docs-layer-playground__stage{background:#f3f4f6;min-height:0;position:relative}.docs-layer-playground__stage .renderer-viewport{background:#f3f4f6;height:100%}.docs-layer-playground__stage .renderer-viewport:after{display:none}.docs-layer-playground__header p,.docs-layer-playground__code>div>span{color:var(--violet);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.64rem;font-weight:780}.docs-layer-playground__panel{flex-direction:column;gap:.9rem;min-height:0;padding:clamp(1rem,2.5vw,1.5rem);display:flex;overflow:visible}.docs-layer-playground__header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.docs-layer-playground__header h1{letter-spacing:-.045em;margin:.28rem 0 .38rem;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1}.docs-layer-playground__header>div>span{color:var(--muted);font-size:.76rem}.docs-layer-playground__header button{background:var(--violet);color:#fff;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:.35rem;min-height:2.15rem;padding:.45rem .7rem;font-size:.75rem;font-weight:720;display:inline-flex}.docs-layer-playground__header button:hover:not(:disabled){background:#6d28d9}.docs-layer-playground__header button:disabled{cursor:wait;opacity:.55}.docs-layer-playground__controls{background:#ffffffc7;border:1px solid #e4e4e7;border-radius:12px;flex-shrink:0;gap:.72rem;padding:.85rem;display:grid}.docs-layer-playground__range{gap:.38rem;display:grid}.docs-layer-playground__range>span,.docs-layer-playground__toggle{justify-content:space-between;align-items:center;display:flex}.docs-layer-playground__range strong,.docs-layer-playground__select strong,.docs-layer-playground__toggle strong{color:var(--muted-strong);font-size:.73rem;font-weight:690}.docs-tracking-playground{height:100vh;overflow:hidden}.docs-tracking-playground .docs-layer-playground__panel{overflow-y:auto}.docs-tracking-playground__header-actions{flex-shrink:0;gap:.45rem;display:flex}.docs-layer-playground__select{grid-template-columns:minmax(4.5rem,.7fr) minmax(0,1.3fr);align-items:center;gap:.75rem;display:grid}.docs-layer-playground__asset-type{gap:.4rem;display:grid}.docs-layer-playground__asset-type legend{color:var(--muted-strong);font-size:.73rem;font-weight:690}.docs-layer-playground__asset-type>div{background:#ede9fe;border-radius:9px;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;display:grid}.docs-layer-playground__asset-type--sources>div{grid-template-columns:repeat(3,minmax(0,1fr))}.docs-layer-playground__asset-type--single>div{grid-template-columns:1fr}.docs-layer-playground__asset-type label{cursor:pointer;position:relative}.docs-layer-playground__asset-type input{opacity:0;pointer-events:none;position:absolute}.docs-layer-playground__asset-type span{color:var(--muted-strong);text-align:center;border-radius:7px;padding:.42rem .5rem;font-size:.68rem;font-weight:720;display:block}.docs-layer-playground__asset-type input:checked+span{color:var(--violet);background:#fff;box-shadow:0 1px 4px #4c1d9529}.docs-layer-playground__asset-type input:focus-visible+span{outline-offset:1px;outline:2px solid #8b5cf6}.docs-layer-playground__select select{appearance:none;background:linear-gradient(45deg, transparent 50%, var(--violet) 50%) calc(100% - .9rem) calc(50% - .12rem) / .32rem .32rem no-repeat, linear-gradient(135deg, var(--violet) 50%, transparent 50%) calc(100% - .58rem) calc(50% - .12rem) / .32rem .32rem no-repeat, #fff;color:var(--text);cursor:pointer;border:1px solid #d4d4d8;border-radius:8px;min-width:0;padding:.45rem 1.7rem .45rem .6rem;font-size:.73rem;font-weight:650}.docs-layer-playground__select select:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}.docs-tracking-playground__badge{color:#fff;z-index:2;background:#171224e0;border:1px solid #c4b5fd73;border-radius:999px;align-items:center;padding:.48rem .72rem;display:inline-flex;position:absolute;top:1rem;left:1rem}.docs-tracking-playground__badge span{color:#fff;font-size:.68rem;font-weight:720}.docs-tracking-playground__mode-button{background:var(--violet);border:1px solid var(--violet);color:#fff;cursor:pointer;border-radius:8px;padding:.48rem .65rem;font-size:.7rem;font-weight:700;transition:background .12s,border-color .12s,color .12s}.docs-tracking-playground__mode-button:hover:not(:disabled){background:#6d28d9;border-color:#6d28d9}.docs-tracking-playground__mode-button--secondary{color:var(--violet);background:#fff;border-color:#d4d4d8}.docs-tracking-playground__mode-button--secondary:hover:not(:disabled){background:#f5f3ff;border-color:#c4b5fd}.docs-tracking-playground__mode-button:disabled{cursor:wait;opacity:.62}.docs-tracking-playground__metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin:0;display:grid}.docs-tracking-playground__metrics div{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;gap:.1rem;min-width:0;padding:.45rem .5rem;display:grid}.docs-tracking-playground__metrics dt{color:var(--muted);text-transform:uppercase;font-size:.56rem;font-weight:720}.docs-tracking-playground__metrics dd{color:var(--text);font-family:var(--font-mono);text-overflow:ellipsis;margin:0;font-size:.68rem;overflow:hidden}.docs-tracking-playground__error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:.55rem;font-size:.68rem}.docs-layer-playground__range output{color:var(--text);font-family:var(--font-mono);font-size:.68rem;font-weight:700}.docs-layer-playground__range input{accent-color:var(--violet);cursor:pointer;inline-size:100%}.docs-layer-playground__toggle{cursor:pointer;border-top:1px solid #ede9fe;padding-top:.7rem}.docs-layer-playground__toggle>span{gap:.08rem;display:grid}.docs-layer-playground__toggle small{color:var(--muted);font-size:.65rem}.docs-layer-playground__toggle input{accent-color:var(--violet);block-size:1rem;inline-size:1rem}.docs-layer-playground__code{color:#f5f3ff;background:#171224;border:1px solid #2e2444;border-radius:12px;flex-shrink:0;overflow:hidden}.docs-layer-playground__code>div{border-bottom:1px solid #34284d;justify-content:space-between;align-items:center;padding:.58rem .75rem;display:flex}.docs-layer-playground__code>div>span{color:#c4b5fd}.docs-layer-playground__code small{color:#a1a1aa;font-size:.62rem}.docs-layer-playground__code pre{margin:0;padding:.72rem .8rem;overflow:auto}.docs-layer-playground__code code{color:#ede9fe;font-family:var(--font-mono);font-size:clamp(.62rem,1.3vw,.71rem);line-height:1.5}.docs-layer-playground__progress{background:#ddd6fe;border-radius:999px;block-size:.3rem;margin-top:auto;overflow:hidden}.docs-layer-playground__progress span{border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#a78bfa);block-size:100%;transition:width .18s linear;display:block}@media (width<=720px){.docs-layer-playground{grid-template-rows:18rem auto;grid-template-columns:1fr;overflow:visible}.docs-layer-playground__stage{border-bottom:1px solid #ddd6fe;min-height:18rem}.docs-layer-playground__panel{overflow:visible}.docs-tracking-playground{height:auto;overflow:visible}}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}fieldset{border:0;margin:0;padding:0}.demo-shell{color:var(--text);background:radial-gradient(circle at 80% 0,#c4b5fd70,#0000 28%),linear-gradient(#faf9ff 0%,#f5f3ff 64%,#ede9fe 100%);grid-template-rows:auto minmax(0,1fr);gap:10px;height:100dvh;min-height:0;padding:10px;display:grid;position:relative;overflow:hidden}.demo-shell--benchmarks{grid-template-rows:auto minmax(0,1fr)}.demo-shell:before{content:"";opacity:.55;pointer-events:none;background-image:linear-gradient(#7c3aed14 1px,#0000 1px),linear-gradient(90deg,#7c3aed12 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 58%);mask-image:linear-gradient(#0000008c,#0000 58%)}.demo-shell__header{-webkit-backdrop-filter:blur(18px)saturate(1.04);backdrop-filter:blur(18px)saturate(1.04);border:1px solid var(--line);border-radius:var(--radius-lg);z-index:5;background:#ffffffe0;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:grid;position:relative}.demo-shell__brand{align-items:center;gap:9px;min-width:0;display:flex}.demo-shell__mark{border:1px solid var(--line);box-shadow:none;background:#f5f3ff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;overflow:hidden}.demo-shell__mark img{width:24px;height:24px;display:block}.demo-shell__title{gap:1px;min-width:0;display:grid}.demo-shell__title strong{color:var(--text);letter-spacing:0;font-size:15px;font-weight:740;line-height:1.1}.demo-shell__title span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:560;overflow:hidden}.demo-shell__mode{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.demo-shell__mode a,.demo-shell__mode button{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted-strong);cursor:pointer;background:#fff;justify-content:center;align-items:center;min-width:0;min-height:30px;padding:5px 10px;font-size:12px;font-weight:620;text-decoration:none;transition:background .14s,color .14s,transform .14s;display:inline-flex}.demo-shell__mode button[aria-pressed=true]{background:var(--highlight);box-shadow:none;color:#fff;border-color:#0000}.demo-shell__mode a:hover,.demo-shell__mode button:hover:not([aria-pressed=true]){border-color:var(--line-strong);color:var(--violet);background:#f5f3ff}.demo-shell__workspace{z-index:1;grid-template-columns:minmax(280px,336px) minmax(0,1fr);gap:10px;min-height:0;display:grid;position:relative}.demo-shell__inspector{-webkit-backdrop-filter:blur(18px)saturate(1.04);backdrop-filter:blur(18px)saturate(1.04);border:1px solid var(--line);border-radius:var(--radius-lg);scrollbar-color:#c4b5fd transparent;scrollbar-width:thin;background:#ffffffe0;align-content:start;gap:10px;min-height:0;padding:10px;display:grid;overflow:auto}.demo-shell__inspector::-webkit-scrollbar{width:8px}.demo-shell__inspector::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:999px}.demo-shell__inspector::-webkit-scrollbar-track{background:0 0}.demo-shell__stage{grid-template-rows:minmax(0,1fr) auto;gap:10px;min-width:0;min-height:0;display:grid}.demo-shell__viewport{border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0;min-height:0;overflow:hidden}.demo-shell__benchmarks{z-index:1;scrollbar-color:#c4b5fd transparent;scrollbar-width:thin;min-height:0;position:relative;overflow:auto}.demo-shell__benchmarks::-webkit-scrollbar{width:8px}.demo-shell__benchmarks::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:999px}.demo-shell__benchmarks::-webkit-scrollbar-track{background:0 0}.renderer-viewport{background:linear-gradient(#ffffff06,#0000 38%),linear-gradient(90deg,#000000b8,#0000 24% 76%,#000000b8),linear-gradient(#0000 68%,#0000005c),#050607;height:100%;min-height:0;position:relative;overflow:hidden}.renderer-viewport:after{content:"";pointer-events:none;background:linear-gradient(#0000002e,#0000 18%),linear-gradient(#0000 66%,#000000a8);border:1px solid #ffffff13;position:absolute;inset:0}.renderer-viewport__mount{width:100%;height:100%;min-height:0;overflow:hidden}.renderer-viewport__mount canvas{display:block}.renderer-viewport__overlay{pointer-events:none;z-index:2;justify-content:center;align-items:flex-start;padding-top:clamp(12px,3vh,28px);display:flex;position:absolute;inset:0}.renderer-viewport__overlay-card{-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);text-align:center;background:linear-gradient(#ffffff14,#0000),#080a0d94;border:1px solid #ffffff21;border-radius:11px;gap:3px;min-width:148px;max-width:min(260px,100vw - 32px);padding:8px 12px;display:grid;box-shadow:0 10px 28px #00000038,inset 0 1px #fff1}.renderer-viewport__overlay-card strong{color:var(--text);font-size:12px;font-weight:850;line-height:1.25}.renderer-viewport__overlay-card span{color:var(--muted-strong);font-size:10px;font-weight:750}.renderer-viewport__overlay-kicker{color:var(--cyan);text-transform:uppercase}.renderer-viewport__overlay-progress{background:#ffffff1f;border-radius:999px;height:4px;margin-top:2px;overflow:hidden}.renderer-viewport__overlay-progress span{background:linear-gradient(90deg, #67e8f9b8, var(--cyan));border-radius:inherit;height:100%;width:var(--overlay-progress);display:block}.source-controls{border:1px solid var(--line);border-radius:var(--radius-md);background:#07090d85;gap:8px;min-width:0;padding:9px;display:grid}.inspector-card__header{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.inspector-card__header h2{color:var(--text);margin:0;font-size:12px;font-weight:740;line-height:1.1}.source-controls__mode{grid-template-columns:1fr;gap:6px;min-width:0;display:grid}.source-controls__mode button,.source-actions button{border:1px solid var(--line);color:var(--muted-strong);cursor:pointer;border-radius:var(--radius-md);white-space:nowrap;background:#ffffff09;justify-content:center;min-width:0;min-height:30px;padding:5px 10px;font-size:12px;font-weight:620;transition:background .14s,color .14s,transform .14s}.source-controls__mode button[aria-pressed=true],.source-actions__primary{background:var(--highlight);box-shadow:none;color:#07080a;border-color:#0000}.source-controls__mode button:hover:not(:disabled,[aria-pressed=true]),.source-actions button:hover:not(:disabled){color:#fff;background:#ffffff13;border-color:#ffffff38}.source-controls__mode button:disabled,.source-actions button:disabled{color:#ffffff47;cursor:not-allowed}.source-controls__upload{grid-template-columns:1fr;align-items:stretch;gap:8px;min-width:0;display:grid}.source-field{gap:4px;min-width:0;display:grid}.source-field span{color:var(--muted);font-size:11px;font-weight:610;line-height:1.2}.source-field input,.source-field textarea{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);resize:vertical;background:#03050880;min-width:0;min-height:32px;padding:6px 8px}.source-field input:focus-visible,.source-field textarea:focus-visible,.source-controls__mode button:focus-visible,.source-actions button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.source-field--file{border:1px dashed var(--line-strong);border-radius:var(--radius-md);cursor:pointer;background:#ffffff06;min-height:58px;padding:7px 8px}.source-field--file input{opacity:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.source-field--file strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:620;overflow:hidden}.source-actions{justify-content:stretch;gap:6px;display:flex}.source-actions button{border:1px solid var(--line);border-radius:var(--radius-md);flex:1;min-height:32px}.source-actions button:hover:not(:disabled){transform:translateY(-1px)}.source-progress{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted-strong);background:#ffffff06;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;font-size:12px;font-weight:560;display:flex}.source-progress strong{color:var(--text);font-family:var(--font-mono);font-size:11px;font-weight:620}.quality-controls{border:1px solid var(--line);border-radius:var(--radius-md);background:#07090d85;gap:8px;min-width:0;padding:9px;display:grid}.quality-controls .inspector-card__header span{color:var(--muted);text-align:right;font-size:10px;font-weight:620;line-height:1.2}.quality-controls__input-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.quality-controls__input-row label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;gap:4px;min-width:0;font-size:10px;font-weight:700;display:grid}.quality-controls__input-row input[type=number]{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-mono);background:#ffffff0b;min-width:0;height:30px;padding:0 8px;font-size:12px;font-weight:650}.quality-controls__input-row input:disabled{cursor:not-allowed;opacity:.45}.quality-controls__toggle{border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:#ffffff0a;justify-content:center;align-items:center;height:30px;padding:0 8px;text-transform:none!important;gap:6px!important;display:flex!important}.quality-controls__toggle span{color:var(--muted-strong);letter-spacing:0;font-size:11px;font-weight:680}.quality-controls__toggle input{accent-color:var(--cyan);width:14px;height:14px}.quality-controls__input-row input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.session-options{border:1px solid var(--line);border-radius:var(--radius-md);background:#07090d85;gap:8px;min-width:0;padding:9px;display:grid}.session-options .inspector-card__header button{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted-strong);cursor:pointer;background:#ffffff09;min-height:25px;padding:3px 8px;font-size:11px;font-weight:650}.session-options .inspector-card__header button:hover:not(:disabled){border-color:var(--line-strong);color:#fff;background:#ffffff13}.session-options .inspector-card__header button:disabled{color:#ffffff47;cursor:not-allowed}.session-options__hint{color:var(--muted);margin:0;font-size:11px;font-weight:560;line-height:1.35}.session-options .diagnostic-label{max-width:100%}.session-options .diagnostic-label__name{letter-spacing:0;white-space:normal;margin:0;padding:0;font-size:11px;font-weight:620;line-height:14px;overflow:visible}.session-options .render-control--toggle{text-align:left;justify-content:flex-start;gap:8px}.session-options .render-control__path{overflow-wrap:break-word;white-space:normal}.session-options .diagnostic-label__tip{width:232px}.session-options .session-options__state{white-space:normal;grid-template-columns:minmax(0,1fr)}.session-options .session-options__state .readout__value{font-family:var(--font-sans);text-overflow:clip;font-size:11px;font-weight:560;line-height:1.35;overflow:visible}.session-options .session-options__state .readout__label{font-size:11px}.pipeline-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:#07090d85;gap:8px;min-width:0;padding:9px;display:grid}.pipeline-panel__toggle{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.pipeline-panel__chevron{border-bottom:1px solid var(--muted);border-right:1px solid var(--muted);flex:none;width:6px;height:6px;transition:transform .12s cubic-bezier(.2,0,0,1);transform:rotate(45deg)}.pipeline-panel__toggle[aria-expanded=true] .pipeline-panel__chevron{transform:rotate(-135deg)}.pipeline-panel__copy{border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;flex:none;min-height:25px;padding:3px 8px;font-family:inherit;font-size:11px;font-weight:650}.pipeline-panel .diagnostic-label__tip{width:232px}.pipeline-panel__ledger{border:1px solid var(--line);background:#fafafa;border-radius:3px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;min-width:0;display:grid;overflow:hidden}.pipeline-panel__ledger--empty{grid-template-columns:minmax(0,1fr)}.pipeline-legend{flex-wrap:wrap;gap:3px 10px;margin:0;padding:0;list-style:none;display:flex}.pipeline-legend__item{--state-color:var(--muted);color:var(--muted);cursor:help;letter-spacing:.02em;align-items:center;gap:4px;font-size:9px;font-weight:650;display:flex}.pipeline-legend__item--live{--state-color:var(--green)}.pipeline-legend__item--waiting{--state-color:var(--amber)}.pipeline-legend__item--idle{--state-color:var(--muted)}.pipeline-legend__item--error{--state-color:var(--danger)}.pipeline-legend__item--pick{--state-color:var(--violet)}.pipeline-legend__pick{border:1px solid var(--state-color);background:#fff;border-radius:50%;flex:none;width:5px;height:5px}.pipeline-legend__item--pick .diagnostic-label__name{color:var(--violet)}.pipeline-diagram{width:100%;max-width:300px;position:relative}.pipeline-diagram__picture{pointer-events:none;width:100%;height:auto;display:block}.pipeline-diagram__rows{position:absolute;inset:0}.pipeline-diagram .pipeline-diagram__row{height:var(--row-height);left:5.3333%;top:var(--row-top);width:92.6667%;position:absolute}.pipeline-diagram .pipeline-diagram__row--head{width:88%;left:10%}.pipeline-diagram__target{cursor:help;background:0 0;border:0;border-radius:4px;padding:0;transition:background-color .12s cubic-bezier(.2,0,0,1);position:absolute;inset:0}.pipeline-diagram__target--pick{cursor:pointer}.pipeline-diagram__target:hover,.pipeline-diagram__target:focus-visible{background:#7c3aed17}.pipeline-diagram__target:focus-visible{outline:1px solid var(--line-strong)}.pipeline-diagram__target--pick:hover,.pipeline-diagram__target--pick:focus-visible{outline:1px solid var(--violet)}.pipeline-diagram__trunk{stroke-width:2px}.pipeline-diagram__trunk--live{stroke:var(--green)}.pipeline-diagram__trunk--waiting{stroke:var(--amber);stroke-dasharray:2 3}.pipeline-diagram__tick{stroke:var(--line-strong);stroke-width:1px}.pipeline-diagram__outlet{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.pipeline-diagram__outlet--live{stroke:var(--green)}.pipeline-diagram__outlet--waiting{stroke:var(--amber)}.pipeline-diagram__stage{fill:var(--muted);font-family:var(--font-sans);letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:780}.pipeline-diagram__node{--state-color:var(--muted)}.pipeline-diagram__node--live{--state-color:var(--green)}.pipeline-diagram__node--waiting{--state-color:var(--amber)}.pipeline-diagram__node--idle{--state-color:var(--muted)}.pipeline-diagram__node--error{--state-color:var(--danger)}.pipeline-diagram__lead{stroke:var(--green);stroke-width:2px}.pipeline-diagram__box{fill:#fff;stroke:var(--line-strong);stroke-width:1px}.pipeline-diagram__dot{fill:var(--state-color)}.pipeline-diagram__dot--hollow{fill:#fff;stroke:var(--state-color);stroke-width:1px}.pipeline-diagram__slash{stroke:var(--state-color);stroke-width:1px}.pipeline-diagram__stub{fill:none;stroke:var(--line);stroke-dasharray:1.5 2.5;stroke-width:1px}.pipeline-diagram__label{fill:var(--text);font-family:var(--font-sans);font-size:10px;font-weight:640}.pipeline-diagram__label--branch{fill:var(--muted);font-size:9px;font-weight:560}.pipeline-diagram__node--waiting .pipeline-diagram__label--branch{fill:var(--amber)}.pipeline-diagram__node--error .pipeline-diagram__label--branch{text-decoration:line-through;-webkit-text-decoration-color:var(--danger);text-decoration-color:var(--danger)}.pipeline-diagram__trailing{fill:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:8.5px;font-weight:620}.pipeline-diagram__trailing--pick{fill:var(--violet);font-family:var(--font-sans);letter-spacing:.03em;font-size:9px;font-weight:700}.pipeline-diagram__trailing--blocked{fill:var(--muted);font-family:var(--font-sans);letter-spacing:.03em;font-size:9px;font-weight:700;text-decoration:line-through}.pipeline-live{border-top:1px solid var(--line);gap:6px;padding-top:7px;display:grid}.pipeline-live__header{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.pipeline-live__switch{color:var(--muted-strong);cursor:pointer;flex:none;align-items:center;gap:5px;font-size:10px;font-weight:620;display:flex}.pipeline-live__switch input{accent-color:var(--violet);margin:0}.pipeline-live__readings{gap:4px;min-width:0;display:grid}.pipeline-live__readings .readout{grid-template-columns:minmax(0,96px) minmax(0,1fr)}@media (prefers-reduced-motion:reduce){.pipeline-panel__chevron{transition:none}}.render-control--number{gap:4px;display:grid}.render-control--number input{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-mono);background:#ffffff0b;width:100%;min-width:0;min-height:30px;padding:0 8px;font-size:12px;font-weight:650}.render-control--number input:disabled{cursor:not-allowed;opacity:.45}.render-control-note{color:var(--muted);margin:0;font-size:10.5px;font-weight:560;line-height:1.4}.render-control-note code{color:var(--muted-strong);font-family:var(--font-mono);font-size:10px}.selection-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:#07090d85;gap:8px;min-width:0;padding:9px;display:grid}.selection-panel .inspector-card__header button{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted-strong);cursor:pointer;background:#ffffff09;min-height:25px;padding:3px 8px;font-size:11px;font-weight:650}.selection-panel .inspector-card__header button:hover{border-color:var(--line-strong);color:#fff;background:#ffffff13}.selection-panel__hint{color:var(--muted);margin:0;font-size:11px;font-weight:560;line-height:1.35}.selection-details{border-radius:var(--radius-md);background:#ffffff06;border:1px solid #8f9db21f;gap:8px;min-width:0;padding:8px;display:grid}.selection-details--empty{gap:3px}.selection-details--empty strong,.selection-details__title strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:720;overflow:hidden}.selection-details--empty span,.selection-details__title span{color:var(--muted);font-family:var(--font-mono);font-size:11px;font-weight:620}.selection-details__title{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.selection-details__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0;margin:0;display:grid}.selection-details__grid div{min-width:0}.selection-details__grid dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:680;line-height:1.2}.selection-details__grid dd{color:var(--text);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:11px;font-weight:620;line-height:1.25;overflow:hidden}.control-bar{background:#fffffff0;border:1px solid #0000;border-radius:6px;grid-template-rows:auto auto auto;grid-template-columns:[transport]auto[timeline]minmax(280px,1fr);align-items:start;gap:4px 10px;min-width:0;padding:6px;display:grid;box-shadow:0 0 0 1px #4c1d9517,0 1px 2px #4c1d950f}.control-bar__transport{grid-area:1/transport;align-content:space-between;justify-items:start;gap:5px;min-width:178px;display:grid}.control-bar__timecode{contain:layout paint;align-items:baseline;gap:5px;margin:0;display:flex}.control-bar__timecode-now{color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;min-width:86px;font-size:15px;font-weight:660;line-height:18px}.control-bar__timecode-total{color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:58px;font-size:11px;font-weight:620;line-height:18px}.control-bar__ledger{border:1px solid var(--line);background:#fafafa;border-radius:3px;grid-area:2/1/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;min-width:0;display:grid;overflow:hidden}.control-bar__cell{--state-color:var(--muted);box-shadow:0 0 0 1px var(--line);background:#fafafa;align-items:baseline;gap:7px;min-width:0;padding:3px 8px;display:flex}.control-bar__cell .diagnostic-label__name{letter-spacing:.05em;text-transform:uppercase;margin:-7px -6px;padding:7px 6px}.control-bar__cell-value{color:var(--text);contain:layout paint;text-overflow:ellipsis;min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:640;line-height:13px;display:flex;overflow:hidden}.control-bar__cell-dot{background:var(--state-color);border-radius:1px;flex:none;width:5px;height:5px}.control-bar__cell--live{--state-color:var(--green)}.control-bar__cell--waiting{--state-color:var(--amber)}.control-bar__cell--error{--state-color:var(--danger)}.control-bar__cell--idle{--state-color:var(--muted)}.control-bar__hints{color:var(--muted);flex-wrap:wrap;grid-area:3/1/auto/-1;justify-content:end;align-items:center;gap:2px 8px;margin:0;font-size:10px;line-height:12px;display:flex}.control-bar__hints span{align-items:center;gap:3px;display:inline-flex}.control-bar__hints kbd{border:1px solid var(--line);box-shadow:none;color:var(--muted-strong);font-family:var(--font-sans);background:#fafafa;border-radius:2px;padding:2px 4px;font-size:9px;font-weight:640;line-height:1}.transport{align-items:center;gap:4px;display:inline-flex}.transport__play{background:var(--violet);border:1px solid var(--violet);color:#fff;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:34px;height:30px;padding:0;transition-property:background-color,border-color,box-shadow,scale;transition-duration:.14s;transition-timing-function:cubic-bezier(.2,0,0,1);display:inline-flex;position:relative;box-shadow:0 1px 1px #4c1d952e}.transport__play:hover:not(:disabled){background:#6d28d9;border-color:#6d28d9;box-shadow:0 1px 1px #4c1d9533}.transport__play:active:not(:disabled),.transport__step:active:not(:disabled){scale:.96}.transport__play:disabled,.transport__step:disabled{cursor:not-allowed}.transport__play:disabled{box-shadow:none;color:#b7b0cb;background:#ece9f6;border-color:#ece9f6}.transport__glyphs{width:16px;height:16px;display:block;position:relative}.transport__glyph{opacity:0;width:16px;height:16px;transition-property:opacity,scale;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1);position:absolute;inset:0;scale:.72}.transport__glyph--play{translate:1px}.transport__play[data-action=pause] .transport__glyph--pause,.transport__play[data-action=play] .transport__glyph--play,.transport__play[data-action=replay] .transport__glyph--replay{opacity:1;scale:1}.transport__ring{opacity:0;pointer-events:none;border:2px solid #0000;border-top-color:#7c3aedd9;border-radius:5px;transition:opacity .16s cubic-bezier(.2,0,0,1);position:absolute;inset:-4px}.transport__play[data-buffering] .transport__ring{opacity:1;animation:.82s linear infinite transport-spin}@keyframes transport-spin{to{transform:rotate(1turn)}}.transport__step{border:1px solid var(--line);color:var(--muted-strong);cursor:pointer;font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:#fff;border-radius:3px;justify-content:center;align-items:center;min-width:30px;height:26px;padding:0;font-size:11px;font-weight:650;transition-property:background-color,border-color,color,scale;transition-duration:.14s;transition-timing-function:cubic-bezier(.2,0,0,1);display:inline-flex;position:relative}.transport__step:after{content:"";position:absolute;inset:-7px -5px}.transport__speed{gap:4px;min-width:52px}.transport__speed-value{min-width:34px}.transport__speed-dot{background:var(--muted);border-radius:1px;flex:none;width:5px;height:5px}.transport__speed[data-sustained=false]{color:var(--amber)}.transport__speed[data-sustained=false] .transport__speed-dot{background:var(--amber)}.transport__step:hover:not(:disabled){color:var(--violet);background:#f5f3ff;border-color:#a78bfa}.transport__step:disabled{color:#9ca3af;background:#f4f4f5}.transport__play:focus-visible,.transport__step:focus-visible,.demo-shell__mode a:focus-visible,.demo-shell__mode button:focus-visible,.render-control button:focus-visible,.render-control input:focus-visible,.render-controls__tabs button:focus-visible,.class-color-control input:focus-visible,.render-controls__tabs button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.timeline-view{grid-area:1/timeline;grid-template-rows:12px 16px repeat(6,9px);grid-template-columns:[gutter]176px[track]minmax(0,1fr)[track-end];align-items:center;gap:2px 6px;min-width:0;display:grid}.timeline-view__input:focus-visible{outline:none}.timeline-view__input::-webkit-slider-thumb{appearance:none;width:0;height:100%}.timeline-view__input::-moz-range-thumb{border:0;width:0;height:100%}.timeline-view__cluster{pointer-events:none;background:#fbfaff;border-radius:3px;grid-area:3/gutter/-1/track-end;align-self:stretch;margin:-3px -4px;box-shadow:inset 0 0 0 1px #4c1d9512}.timeline-view__axis{color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;grid-area:1/track;min-width:0;height:12px;font-size:10px;line-height:12px;position:relative}.timeline-view__tick{left:var(--timeline-left);white-space:nowrap;position:absolute;top:0}.timeline-view__tick--middle{transform:translate(-50%)}.timeline-view__tick--end{transform:translate(-100%)}.timeline-view__axis-note{font-style:italic}.timeline-view__hover{background:var(--text);color:#fff;font-family:var(--font-mono);font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;text-align:center;white-space:nowrap;will-change:opacity, transform;z-index:3;border-radius:2px;grid-area:1/track;place-self:center start;min-width:104px;padding:2px 6px;font-size:10px;font-weight:640;line-height:12px;transition:opacity .12s cubic-bezier(.2,0,0,1);position:relative}.timeline-view__hover--visible{opacity:1}.timeline-view__hover-line{opacity:0;pointer-events:none;will-change:opacity, transform;background:#11182780;width:1px;transition:opacity .12s cubic-bezier(.2,0,0,1);position:absolute;top:0;bottom:0;left:-1px}.timeline-view__hover-line--visible{opacity:1}.diagnostic-label{min-width:0;display:inline-flex;position:relative}.diagnostic-label__name{color:var(--muted);cursor:help;letter-spacing:.02em;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;align-items:center;min-width:0;margin:0 -6px;padding:0 6px;font-family:inherit;font-size:9px;font-weight:650;line-height:11px;transition:color .12s cubic-bezier(.2,0,0,1);display:inline-flex;overflow:hidden}.diagnostic-label__name:hover,.diagnostic-label__name:focus-visible{color:var(--text);outline:none}.diagnostic-label__tip{background:var(--text);color:#fff;font-family:var(--font-sans);letter-spacing:0;opacity:0;pointer-events:none;text-align:left;text-transform:none;text-wrap:pretty;z-index:6;border-radius:4px;width:268px;padding:7px 9px;font-size:11px;font-weight:500;line-height:1.35;transition:opacity .12s cubic-bezier(.2,0,0,1);position:absolute}.diagnostic-label__tip--above{margin-bottom:8px;bottom:100%}.diagnostic-label__tip--below{margin-top:8px;top:100%}.diagnostic-label__tip--start{left:0}.diagnostic-label__tip--end{right:0}.diagnostic-label:hover .diagnostic-label__tip,.diagnostic-label:focus-within .diagnostic-label__tip{opacity:1}.timeline-view__lane-head{grid-column:gutter;grid-row:var(--timeline-row);justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.timeline-view__lane-value{color:var(--muted-strong);contain:layout paint;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:10px;font-weight:620;line-height:12px;overflow:hidden}.timeline-view__lane{contain:layout paint;grid-column:track;grid-row:var(--timeline-row);background:#7c3aed1a;border-radius:2px;height:9px;position:relative;overflow:hidden}.timeline-view__segment{bottom:0;left:var(--timeline-left);width:var(--timeline-width);border-radius:1px;position:absolute;top:0}.timeline-view__segment--target{background:0 0;box-shadow:inset 0 0 0 1px #15803d8c}.timeline-view__segment--buffer{background:#15803d}.timeline-view__segment--requested{background:#6b728073}.timeline-view__segment--processed{background:var(--cyan)}.timeline-view__segment--ready{background:linear-gradient(90deg,#15803d,#22c55e)}.timeline-view__segment--resident{background:#334155}.timeline-view__segment--processing{background:repeating-linear-gradient(135deg,#b45309e6 0 6px,#b4530957 6px 12px),#fde68ad9;animation:.9s linear infinite timeline-processing}.timeline-view__strip{contain:layout paint;touch-action:none;background:#f4f2fb;border:1px solid #c4b5fd99;border-radius:3px;grid-area:2/track;height:16px;transition:border-color .14s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #4c1d9514}.timeline-view__strip--interactive{cursor:pointer}.timeline-view__strip--interactive:hover{border-color:#7c3aeda6}.timeline-view__playhead{pointer-events:none;will-change:transform;z-index:2;grid-area:2/track/-1;align-self:stretch;position:relative;transform:translate(0%)}.timeline-view__marker{width:2px;position:absolute;transform:translate(-1px)}.timeline-view__frame-mark{transform:translateX(var(--timeline-left));position:absolute;inset:0 -1px}.timeline-view__marker--active-frame{background:var(--amber);top:1px;bottom:1px;left:0}.timeline-view__marker--playhead{background:var(--violet);top:0;bottom:0;left:0;box-shadow:0 0 0 1px #ffffffb3}.timeline-view__knob{background:var(--violet);border:1px solid #fff;border-radius:2px;width:8px;height:16px;position:absolute;top:8px;left:0;transform:translate(-50%,-50%);box-shadow:0 1px 2px #4c1d9559}.timeline-view__input{appearance:none;cursor:pointer;opacity:0;z-index:2;background:0 0;grid-area:2/track;width:100%;height:100%;min-height:0;margin:0}.timeline-view__input:disabled{cursor:not-allowed}@media (width<=1200px){.control-bar{grid-template-columns:[transport]auto[timeline]minmax(0,1fr)}.control-bar__hints{display:none}.timeline-view{grid-template-columns:[gutter]150px[track]minmax(0,1fr)[track-end];column-gap:6px}.control-bar__ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-view__lane-value{font-size:9px}}@media (width<=860px){.control-bar{grid-template-columns:minmax(0,1fr);row-gap:4px;padding:6px}.control-bar__transport{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px}.control-bar__ledger{grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-view{grid-area:2/1/auto/-1;row-gap:2px}.control-bar__hints{grid-row:4}.timeline-view__lane-value{line-height:10px}}.render-control--slider input{appearance:none;background:0 0;width:100%;height:18px;margin:0}.render-control--slider input::-webkit-slider-runnable-track{background:#ffffff2e;border-radius:999px;height:4px}.render-control--slider input::-moz-range-track{background:#ffffff2e;border-radius:999px;height:4px}.render-control--slider input::-moz-range-progress{background:var(--cyan);border-radius:999px;height:4px}.render-control--slider input::-webkit-slider-thumb{appearance:none;background:var(--cyan);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 0 0 3px #70d8ed29}.render-control--slider input::-moz-range-thumb{background:var(--cyan);border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #70d8ed29}.render-control--slider input::-webkit-slider-thumb{background:var(--cyan);box-shadow:0 0 0 3px #67e8f921}.render-control--slider input::-moz-range-thumb{background:var(--cyan);box-shadow:0 0 0 3px #67e8f921}.render-control--slider input:disabled{opacity:.42}@keyframes timeline-processing{0%{background-position:0 0}to{background-position:17px 0}}.render-controls{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:none;background:#07090d85;gap:8px;min-width:0;padding:9px;display:grid}.render-controls__tabs{flex-wrap:wrap;justify-content:flex-end;gap:4px;min-width:0;display:flex}.render-controls__tabs button{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted-strong);cursor:pointer;background:#ffffff09;flex:0 auto;min-width:0;min-height:26px;padding:4px 8px;font-size:11px;font-weight:650}.render-controls__tabs button[aria-pressed=true]{background:var(--highlight);box-shadow:none;color:#07080a;border-color:#0000}.render-controls__tabs button:hover:not([aria-pressed=true]){border-color:var(--line-strong);color:#fff;background:#ffffff13}.render-controls__panel{min-width:0}.render-controls__panel--global{gap:8px;display:grid}.render-control-section{border-radius:var(--radius-md);background:#ffffff06;border:1px solid #8f9db21f;gap:8px;min-width:0;padding:8px;display:grid}.render-control-section h3{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700;line-height:1.1}.render-control-section__body{gap:8px;min-width:0;display:grid}.render-control-section__description{color:var(--muted);margin:0;font-size:11px;font-weight:560;line-height:1.4}.render-control-section__header{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.render-control-section__toggle{cursor:pointer;text-align:left;background:0 0;border:0;flex:auto;justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.render-control-section .render-control-section__toggle h3{margin:0}.render-control-section__chevron{border-bottom:2px solid var(--muted);border-right:2px solid var(--muted);flex:none;width:7px;height:7px;margin-right:2px;transition:transform .12s;transform:rotate(-45deg)}.render-control-section__toggle[aria-expanded=true] .render-control-section__chevron{transform:rotate(45deg)}.render-control-section__enable{color:var(--muted);cursor:pointer;flex:none;align-items:center;gap:5px;font-size:11px;font-weight:610;display:flex}.render-control-section__group{border-top:1px solid var(--line);color:var(--text);cursor:pointer;align-items:center;gap:6px;min-width:0;padding-top:8px;font-size:12px;font-weight:700;display:flex}.render-control-section__subheading{border-top:1px solid var(--line);color:var(--text);margin:0;padding-top:8px;font-size:12px;font-weight:700}.render-control-section__enable input,.render-control-section__group input{accent-color:var(--cyan);margin:0}:is(.render-control--toggle:has(input:disabled),.render-control-section__enable:has(input:disabled),.render-control-section__group:has(input:disabled),.class-style-card__visibility:has(input:disabled)){cursor:not-allowed;opacity:.45}.benchmarks-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:#0a0c11e0;gap:12px;width:100%;min-width:0;max-width:1280px;margin:0 auto;padding:12px;display:grid}.benchmark-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;display:grid}.benchmark-comparison-card{border-radius:var(--radius-md);background:#07090db8;border:1px solid #7ee18f3d;grid-column:span 2;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:10px;display:grid}.benchmark-comparison-card__side{gap:3px;min-width:0;display:grid}.benchmark-comparison-card__side:last-of-type{text-align:right}.benchmark-comparison-card__side span{color:#a3afbf;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:670;line-height:1.15;overflow:hidden}.benchmark-comparison-card__side strong{color:#fff;font-family:var(--font-mono);font-size:22px;font-weight:690;line-height:1.12}.benchmark-comparison-card__arrow{color:#7ee18f;font-family:var(--font-mono);font-size:16px;font-weight:760;line-height:1}.benchmark-comparison-card small{color:var(--muted);grid-column:1/-1;font-size:11px;font-weight:560;line-height:1.2}.benchmark-metric-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#07090db8;gap:3px;min-width:0;padding:10px;display:grid}.benchmark-metric-card span{color:#a3afbf;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:670;line-height:1.15;overflow:hidden}.benchmark-metric-card strong{color:#fff;font-family:var(--font-mono);font-size:18px;font-weight:680;line-height:1.2}.benchmark-metric-card small{color:var(--muted);font-size:11px;font-weight:560;line-height:1.2}.benchmarks-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.65fr);align-items:start;gap:8px;min-width:0;display:grid}.benchmarks-grid .benchmark-card:first-child{grid-row:span 2}.benchmark-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#07090dad;gap:9px;min-width:0;padding:10px;display:grid}.benchmark-card h2{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:11px;font-weight:650;line-height:1.2}.benchmark-table{border-collapse:collapse;color:var(--muted-strong);width:100%;min-width:620px;font-size:12px}.benchmark-card{overflow-x:auto}.benchmark-table th,.benchmark-table td{font-family:var(--font-mono);text-align:right;white-space:nowrap;border-top:1px solid #ffffff12;padding:8px 9px;font-weight:560}.benchmark-table thead th{color:var(--muted);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;border-top:0;font-size:10px;font-weight:670}.benchmark-table th:first-child,.benchmark-table td:first-child{text-align:left}.benchmark-table tbody th{color:var(--text);font-family:var(--font-sans);font-weight:640}.benchmark-table__row--selected th,.benchmark-table__row--selected td{color:#defee6;border-color:#7ee18f38}.benchmark-table--compact{min-width:0}.benchmark-table--compact td{color:#fff}.render-controls__panel--classes{grid-template-columns:1fr;gap:8px;display:grid}.class-visibility-toolbar{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.class-visibility-toolbar__actions{flex-wrap:wrap;gap:4px;display:flex}.class-visibility-toolbar__actions button{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted-strong);cursor:pointer;background:#ffffff09;min-height:26px;padding:4px 8px;font-size:11px;font-weight:650}.class-visibility-toolbar__actions button:hover:not(:disabled){border-color:var(--line-strong);color:#fff;background:#ffffff13}.class-visibility-toolbar__actions button:disabled{cursor:default;opacity:.45}.class-style-card__visibility{color:var(--muted);cursor:pointer;flex:none;align-items:center;gap:4px;margin-left:auto;font-size:11px;font-weight:610;display:flex}.class-style-card__visibility input{accent-color:var(--cyan);margin:0}.render-controls__toggles{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:6px;min-width:0;display:grid}.render-control{color:var(--text);min-width:0}.render-control--toggle{border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;background:#ffffff09;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:5px 8px;font-size:12px;font-weight:620;transition:background .14s,border-color .14s;display:inline-flex}.render-control--toggle:hover{border-color:var(--line-strong);background:#ffffff14}.render-control--toggle input{accent-color:var(--cyan);margin:0}.render-control__label{color:var(--muted);font-size:11px;font-weight:610;line-height:1.25}.render-control--slider{gap:4px;display:grid}.render-control--segmented{gap:5px;display:grid}.render-control__segments{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff09;flex-wrap:wrap;gap:2px;min-width:0;padding:2px;display:flex}.render-control__segments button{border-radius:calc(var(--radius-md) - 3px);color:var(--muted-strong);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:auto;min-width:0;min-height:25px;padding:4px 6px;font-size:11px;font-weight:650}.render-control__segments button[aria-pressed=true]{background:var(--highlight);color:#07080a}.render-control__segments button:disabled{cursor:not-allowed;opacity:.42}.render-control__segments button:hover:not(:disabled,[aria-pressed=true]){color:#fff;background:#ffffff13}.render-control__label{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.render-control__label strong{color:var(--text);font-family:var(--font-mono);font-size:12px;font-weight:620}.render-control__name{flex-direction:column;gap:1px;min-width:0;display:flex}.render-control__path{color:#9ca3af;font-family:var(--font-mono);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:600;line-height:12px;overflow:hidden}.class-style-card{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:none;background:#ffffff06;gap:7px;min-width:0;padding:8px;display:grid}.class-style-card header{align-items:center;gap:6px;min-width:0;display:flex}.class-style-card strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:640;overflow:hidden}.class-style-card__swatch{background:var(--class-color);box-shadow:none;border:1px solid #ffffff5c;border-radius:4px;flex:none;width:15px;height:15px}.class-style-card__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.class-style-card--hidden .class-style-card__swatch,.class-style-card--hidden strong,.class-style-card--hidden .class-style-card__controls{opacity:.45}.class-color-control{gap:4px;min-width:0;display:grid}.class-color-control span{color:var(--muted);font-size:11px;font-weight:610}.class-color-control input{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;height:26px;padding:0}.class-color-control input::-webkit-color-swatch-wrapper{padding:0}.class-color-control input::-webkit-color-swatch{border-radius:var(--radius-md);border:1px solid #ffffff3d}.class-color-control input::-moz-color-swatch{border-radius:var(--radius-md);border:1px solid #ffffff3d}.performance-strip{grid-template-columns:1fr;gap:6px;min-width:0;display:grid}.performance-metric{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:none;background:#07090dc2;gap:3px;min-width:0;min-height:48px;padding:8px 9px;display:grid}.performance-metric span{color:#a3afbf;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:10px;font-weight:620;line-height:1.15;overflow:hidden}.performance-metric strong{color:#fff;font-family:var(--font-mono);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:650;line-height:1.2;overflow:hidden}.performance-metric--good{box-shadow:none;border-color:#80f29a57}.performance-metric--good strong{color:#dfffe7}.performance-metric--warn{border-color:#ffd87570}.performance-metric--warn strong{color:#ffe8a3}.status-panel{grid-template-columns:1fr;align-items:start;gap:8px;display:grid}.status-group{border:1px solid var(--line);border-radius:var(--radius-lg);background:#080b10c7;gap:6px;min-width:0;padding:8px;display:grid}.status-group__title{color:var(--muted);letter-spacing:0;margin:0;font-size:11px;font-weight:650;line-height:1.2}.status-group__items{flex-wrap:wrap;align-items:start;gap:5px;min-width:0;display:flex}.readout{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);white-space:nowrap;background:#ffffff09;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px;min-width:0;max-width:100%;padding:5px 7px;line-height:1.2;display:inline-grid}.readout__label{color:#a3afbf;font-size:12px;font-weight:610}.readout__value{color:#d8e1ec;font-family:var(--font-mono);text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:620;overflow:hidden}.readout--danger{color:#ffd1d1;background:#ff505024;border-color:#ff8a8a73}.readout--danger .readout__label,.readout--danger .readout__value{color:var(--danger)}.presented-timeline{gap:4px;min-width:0;display:grid}.presented-timeline__row{grid-template-columns:62px minmax(0,1fr);align-items:center;gap:6px;min-width:0;display:grid}.presented-timeline__label{color:#a3afbf;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:620}.presented-timeline__lane{background:#ffffff14;border-radius:999px;min-width:0;height:8px;position:relative;overflow:hidden}.presented-timeline__tick{bottom:0;left:var(--timeline-left);width:2px;position:absolute;top:0}.presented-timeline__tick--exact{background:var(--cyan)}.presented-timeline__tick--preview{background:var(--amber)}.presented-timeline__band{bottom:0;left:var(--timeline-left);width:var(--timeline-width);border-radius:999px;position:absolute;top:0}.presented-timeline__band--detections{background:var(--violet)}.presented-timeline__band--prepared{background:var(--green)}.presented-timeline__playhead{bottom:0;left:var(--timeline-left);background:#fff;width:1px;position:absolute;top:0}.presented-timeline__unavailable{color:var(--muted);font-family:var(--font-mono);margin:0;padding-left:6px;font-size:10px}.presented-timeline__legend{flex-wrap:wrap;gap:8px;display:flex}.presented-timeline__legend-item{color:#a3afbf;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;font-size:10px;display:inline-flex}.presented-timeline__legend-item:before{content:"";border-radius:999px;width:6px;height:6px}.presented-timeline__legend-item--exact:before{background:var(--cyan)}.presented-timeline__legend-item--preview:before{background:var(--amber)}@media (width<=1200px){.benchmark-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.benchmark-comparison-card{grid-column:1/-1}.benchmarks-grid{grid-template-columns:1fr}}@media (width<=760px){body{overflow:auto}.demo-shell{height:auto;min-height:100vh;overflow:visible}.demo-shell__header{grid-template-columns:1fr}.demo-shell__mode{justify-content:stretch}.demo-shell__mode a,.demo-shell__mode button{flex:100px}.demo-shell__workspace{grid-template-columns:1fr;min-height:0;overflow:visible}.demo-shell__inspector{overflow:visible}.demo-shell__stage{grid-template-rows:auto auto;min-height:0}.demo-shell__viewport{height:58vh;min-height:360px}.benchmark-metrics,.benchmark-comparison-card{grid-template-columns:1fr}.benchmark-comparison-card__side:last-of-type{text-align:left}.benchmark-comparison-card__arrow{display:none}}@media (width<=520px){.demo-shell{padding:8px}.render-controls{border-radius:14px}}.source-controls,.quality-controls,.selection-panel,.session-options,.pipeline-panel,.render-controls,.status-panel,.status-group,.benchmark-card,.benchmark-metric-card,.benchmark-comparison-card{border-color:var(--line);background:#ffffffeb;box-shadow:0 10px 28px #4c1d950f}.source-controls__mode button,.source-actions button,.selection-panel .inspector-card__header button,.session-options .inspector-card__header button,.render-controls__tabs button,.pipeline-panel__copy,.render-control,.render-control--toggle,.render-control--segmented,.render-control__segments button,.class-style-card,.readout,.performance-metric{border-color:var(--line);color:var(--muted-strong);background:#fff}.source-controls__mode button[aria-pressed=true],.source-actions__primary,.render-controls__tabs button[aria-pressed=true],.render-control__segments button[aria-pressed=true]{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:0 8px 16px #7c3aed33}.source-controls__mode button:hover:not(:disabled,[aria-pressed=true]),.source-actions button:hover:not(:disabled),.selection-panel .inspector-card__header button:hover,.session-options .inspector-card__header button:hover:not(:disabled),.pipeline-panel__copy:hover,.render-controls__tabs button:hover:not([aria-pressed=true]),.render-control__segments button:hover:not(:disabled,[aria-pressed=true]){color:var(--violet);background:#f5f3ff;border-color:#a78bfa}.source-field input,.source-field textarea,.quality-controls__input-row input[type=number],.render-control--number input,.quality-controls__toggle,.selection-details,.source-progress,.source-field--file{border-color:var(--line);color:var(--text);background:#fafafa}.source-field--file,.selection-details,.source-progress,.class-style-card,.readout{background:#fafafa}.source-controls__mode button:disabled,.source-actions button:disabled,.session-options .inspector-card__header button:disabled,.render-control__segments button:disabled{color:#9ca3af;background:#f4f4f5}.source-field--file strong,.selection-details--empty strong,.selection-details__title strong,.selection-details__grid dd,.source-progress strong,.benchmark-comparison-card__side strong,.benchmark-metric-card strong,.benchmark-card h2,.class-style-card strong,.performance-metric strong,.readout__value{color:var(--text)}.status-group__title,.presented-timeline__label,.presented-timeline__legend-item,.source-field span,.selection-panel__hint,.session-options__hint,.render-control-note,.selection-details--empty span,.selection-details__title span,.selection-details__grid dt,.quality-controls .inspector-card__header span,.quality-controls__input-row label,.benchmark-comparison-card__side span,.benchmark-metric-card span,.benchmark-comparison-card small,.benchmark-metric-card small,.readout__label,.performance-metric span{color:var(--muted)}.presented-timeline__lane{background:#7c3aed1a}.presented-timeline__playhead{background:var(--text)}.readout--danger{background:#fef2f2;border-color:#dc262659}.renderer-viewport{border:1px solid var(--line);background:linear-gradient(135deg,#ede9fecc,#0000 52%),#fafafa;box-shadow:0 16px 36px #4c1d9529}.renderer-viewport:after{background:linear-gradient(#ffffff1a,#0000 18%);border-color:#7c3aed1f}.renderer-viewport__overlay-card{background:#fffffff0;border-color:#7c3aed33;box-shadow:0 10px 28px #4c1d952e}.renderer-viewport__overlay-card strong{color:var(--text)}.renderer-viewport__overlay-card span{color:var(--muted)}.renderer-viewport__overlay-kicker{color:var(--violet)}.renderer-viewport__overlay--waiting .renderer-viewport__overlay-kicker{color:var(--amber)}.renderer-viewport__overlay--error .renderer-viewport__overlay-kicker{color:var(--danger)}.renderer-viewport__overlay-progress{background:#ede9fe}.renderer-viewport__overlay-progress span{background:linear-gradient(90deg, #a78bfa, var(--violet))}.render-control--slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--violet) 0 var(--control-progress), #ddd6fe var(--control-progress) 100%)}.render-control--slider input::-moz-range-track{background:#ddd6fe}.render-control--slider input::-moz-range-progress{background:var(--violet)}.render-control--slider input::-webkit-slider-thumb{background:var(--violet);box-shadow:0 0 0 3px #7c3aed29}.render-control--slider input::-moz-range-thumb{background:var(--violet);box-shadow:0 0 0 3px #7c3aed29}.benchmark-table{background:#fff}.benchmark-table th,.benchmark-table td,.benchmark-table thead th{border-color:var(--line);color:var(--muted-strong)}.benchmark-table tbody th,.benchmark-table__row--selected th,.benchmark-table__row--selected td{color:var(--text)}.benchmark-table__row--selected{background:#f5f3ff}.demo-shell{gap:1rem;padding:clamp(.75rem,1.8vw,1.5rem)}.demo-shell__header{border-color:#c4b5fdb3;border-radius:16px;gap:1rem;padding:.7rem .85rem;box-shadow:0 12px 34px #4c1d9512}.demo-shell__mark{background:var(--surface-soft);border-color:#ddd6fe;border-radius:11px;width:38px;height:38px}.demo-shell__mark img{width:28px;height:28px}.demo-shell__title{gap:.1rem}.demo-shell__eyebrow{letter-spacing:.1em;text-transform:uppercase;line-height:1;color:var(--violet)!important;font-size:.58rem!important;font-weight:780!important}.demo-shell__title strong{letter-spacing:-.03em;font-size:1rem}.demo-shell__title span:not(.demo-shell__eyebrow){font-size:.69rem}.demo-shell__mode{gap:.35rem}.demo-shell__mode a,.demo-shell__mode button{border-radius:9px;min-height:34px;padding:.45rem .75rem;font-size:.78rem;font-weight:680}.demo-shell__mode button[aria-pressed=true]{box-shadow:0 7px 18px #6d28d93d}.demo-shell__workspace{grid-template-columns:minmax(19rem,22rem) minmax(0,1fr);gap:1rem}.demo-shell__inspector{background:#fffffff0;border-color:#c4b5fdad;border-radius:16px;gap:.85rem;padding:.85rem;box-shadow:0 14px 38px #4c1d9511}.demo-shell__stage{gap:1rem}.demo-shell__viewport,.renderer-viewport{border-color:#c4b5fdb3;border-radius:16px}.renderer-viewport{box-shadow:0 18px 42px #4c1d951f}.source-controls,.quality-controls,.selection-panel,.session-options,.pipeline-panel,.render-controls,.status-panel{border-color:#e7e2fb;border-radius:13px;box-shadow:0 8px 22px #4c1d950b}.inspector-card__header{border-bottom:1px solid #ede9fe;align-items:center;margin-bottom:.8rem;padding-bottom:.7rem}.inspector-card__header h2,.render-control-section h3{color:var(--text);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:780}.render-controls__tabs{background:var(--surface-soft);border:1px solid #e4def9;border-radius:9px;gap:.2rem;padding:.2rem}.render-controls__tabs button{background:0 0;border-color:#0000;border-radius:6px;min-height:26px;padding:.25rem .52rem;font-size:.68rem}.render-controls__tabs button[aria-pressed=true]{box-shadow:0 4px 11px #6d28d933}.render-controls__panel--global{gap:.75rem}.render-control-section{background:linear-gradient(145deg,#fffffffa,#faf9ff);border:1px solid #ebe7fa;border-radius:11px;padding:.8rem}.render-control-section h3{color:var(--violet);margin-bottom:.65rem}.render-control-section__chevron{border-color:var(--violet)}.render-control-section__enable{color:var(--muted-strong);font-size:.68rem}.render-control-section__group,.render-control-section__subheading{border-top-color:#ebe7fa;font-size:.74rem}.render-control-section__enable input,.render-control-section__group input,.class-style-card__visibility input{accent-color:var(--violet)}.class-visibility-toolbar__actions button{color:var(--muted-strong);background:#fff;border-color:#e4def9;border-radius:8px}.class-visibility-toolbar__actions button:hover:not(:disabled){color:var(--violet);background:#f5f3ff;border-color:#c4b5fd}.class-visibility-toolbar__actions button:disabled{color:#9ca3af;background:#f4f4f5}.class-style-card__visibility{color:var(--muted-strong);font-size:.68rem}.render-controls__toggles{gap:.4rem}.render-control--toggle{border-radius:8px;min-height:2.15rem;padding:.38rem .48rem}.render-control--toggle:hover{background:var(--surface-soft);border-color:#c4b5fd}.render-control--toggle input{accent-color:var(--violet)}.render-control__label{font-size:.74rem;font-weight:660}.render-control__segments{background:#f7f5ff;border:1px solid #e4def9;border-radius:9px;gap:.2rem;padding:.2rem}.render-control__segments button{border-radius:6px;min-height:27px;font-size:.67rem}.render-control--slider input::-webkit-slider-runnable-track{border-radius:999px;height:5px}.render-control--slider input::-moz-range-track{border-radius:999px;height:5px}.render-control--slider input::-webkit-slider-thumb{width:17px;height:17px;margin-top:-6px}.render-control--slider input::-moz-range-thumb{width:17px;height:17px;margin-top:-6px}@media (width<=760px){.demo-shell__workspace{grid-template-columns:minmax(0,1fr)}.demo-shell__inspector{max-height:42dvh;overflow:auto}}.engine-panel{border-radius:var(--radius-lg);background:#080b10c7;border:1px solid #080b10e6;gap:8px;min-width:0;padding:8px;display:grid}.engine-panel__header{justify-content:space-between;align-items:baseline;gap:6px;min-width:0;display:flex}.engine-panel__title{color:#d8e1ec;margin:0;font-size:11px;font-weight:650;line-height:1.2}.engine-panel__rate{color:#7c8798;font-family:var(--font-mono);white-space:nowrap;font-size:10px;font-weight:620}.engine-panel__empty{color:#7c8798;font-family:var(--font-mono);text-wrap:pretty;margin:0;font-size:11px}.engine-panel__live{border-bottom:1px solid #ffffff12;align-items:center;gap:8px;min-width:0;padding-bottom:7px;display:flex}.engine-panel__switch{color:#a3afbf;cursor:pointer;flex:none;align-items:center;gap:5px;margin-left:auto;font-size:10px;font-weight:620;display:flex}.engine-panel__switch input{accent-color:var(--violet);margin:0}.engine-panel__group{gap:3px;min-width:0;display:grid}.engine-panel__group-title{color:#7c8798;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:9px;font-weight:650;line-height:1.2}.engine-panel__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 12px;min-width:0;display:grid}.engine-panel .diagnostic-label__name{color:#a3afbf;font-size:10px}.engine-panel .diagnostic-label__name:hover,.engine-panel .diagnostic-label__name:focus-visible{color:#fff}.engine-panel .diagnostic-label__tip{width:232px}.engine-metric{justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:2px 0;display:flex}.engine-metric__reading{white-space:nowrap;align-items:center;gap:5px;display:flex}.engine-metric__value{color:#d8e1ec;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px;font-weight:620;line-height:1}.engine-metric__dot{border-radius:999px;flex:none;width:6px;height:6px}.engine-metric__dot--good{background:#34d399}.engine-metric__dot--warn{background:#fbbf24}.engine-metric__dot--bad{background:#fb7185}.engine-metric__dot--neutral{background:#47525f}.engine-ledger{border-radius:var(--radius-md);background:#ffffff0d;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px 6px;display:grid}.engine-ledger__cell{justify-items:center;gap:2px;min-width:0;display:grid}.engine-ledger__label{color:#7c8798;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:620}.engine-ledger__value{color:#d8e1ec;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px;font-weight:620;line-height:1}.engine-warnings{gap:4px;display:grid}.engine-warning{border-radius:var(--radius-md);border:1px solid #ffffff14;min-width:0}.engine-warning--healthy{color:#6ee7b7;background:#34d3991f;border-color:#34d3994d;margin:0;padding:6px 8px;font-size:11px;font-weight:600}.engine-warning__summary{border-radius:var(--radius-md);color:#d8e1ec;cursor:pointer;text-align:left;background:#ffffff0a;border:0;align-items:center;gap:6px;width:100%;min-width:0;padding:6px 8px;font-family:inherit;display:flex}.engine-warning__dot{border-radius:999px;flex:none;width:6px;height:6px}.engine-warning--critical .engine-warning__dot{background:#fb7185}.engine-warning--warn .engine-warning__dot{background:#fbbf24}.engine-warning--info .engine-warning__dot{background:#94a3b8}.engine-warning__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;font-weight:620;overflow:hidden}.engine-warning__severity{color:#7c8798;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:620}.engine-warning__detail{color:#a3afbf;text-wrap:pretty;gap:4px;padding:0 8px 7px;font-size:11px;line-height:1.35;display:grid}.engine-warning__detail p{margin:0}.engine-warning__detail strong{color:#d8e1ec}.engine-warning__evidence{color:#7c8798;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:10px}.engine-timeline{gap:5px;min-width:0;display:grid}.engine-timeline__svg{width:100%;height:74px;display:block}.engine-timeline__lane{fill:#ffffff12}.engine-timeline__heat{fill:var(--engine-heat)}.engine-timeline__exact{fill:#2dd4bf}.engine-timeline__preview{fill:#38bdf8cc}.engine-timeline__prefetch{fill:#fbbf24}.engine-timeline__keyframe{stroke:#a78bfa;stroke-width:2px}.engine-timeline__axis{fill:#7c8798;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:10px}.engine-timeline__stage{position:relative;overflow:hidden}.engine-timeline__playhead-track{pointer-events:none;transform:translateX(var(--engine-timeline-playhead,0%));will-change:transform;position:absolute;inset:0}.engine-timeline__playhead{background:#fff;width:1.5px;position:absolute;bottom:0;left:0}.engine-timeline__screen-track{pointer-events:none;transform:translateX(var(--engine-timeline-screen,0%));will-change:transform;position:absolute;inset:0}.engine-timeline__screen{width:1.5px;position:absolute;bottom:0;left:0}.engine-timeline__screen--exact{background:#bef264}.engine-timeline__screen--preview{background:#e879f9}.engine-timeline__unavailable{color:#7c8798;font-family:var(--font-mono);margin:0;font-size:10px}.engine-timeline__legend{color:#a3afbf;flex-wrap:wrap;gap:3px 8px;font-size:9px;display:flex}.engine-timeline__legend-item{align-items:center;gap:4px;display:flex}.engine-timeline__legend-swatch{border-radius:2px;width:12px;height:8px;display:inline-block}.engine-timeline__legend-swatch--short-gop{background:#22c358}.engine-timeline__legend-swatch--long-gop{background:#c32222}.engine-timeline__legend-swatch--exact{background:#2dd4bf}.engine-timeline__legend-swatch--preview{background:#38bdf8cc}.engine-timeline__legend-swatch--prefetch{background:#fbbf24}.engine-timeline__legend-swatch--keyframe{background:#a78bfa}.engine-timeline__legend-swatch--playhead{background:#fff}.engine-timeline__legend-swatch--crisp{background:#bef264}.engine-timeline__legend-swatch--coarse{background:#e879f9}.engine-metric--wide{grid-column:1/-1}.engine-recorder{gap:4px;display:flex}.engine-panel__button{color:#a3afbf;cursor:pointer;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:650;transition:color .12s cubic-bezier(.2,0,0,1)}.engine-panel__button:hover:enabled{color:#fff}.engine-panel__button:disabled{cursor:not-allowed;opacity:.4}.engine-panel__button--armed{color:#fb7185;background:#fb71852e;border-color:#fb718573}.canvas-presentation{grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:.85rem;height:100%;padding:1rem 1.25rem 1.25rem;display:grid}.canvas-presentation__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.canvas-presentation__header strong{font-size:1.05rem;display:block}.canvas-presentation__eyebrow{color:var(--violet);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:780}.canvas-presentation__sample{color:var(--muted-strong);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.canvas-presentation__notice{border-radius:var(--radius-md);color:var(--amber);background:#b4530914;border:1px solid #b4530959;margin:0;padding:.6rem .75rem;font-size:.78rem;line-height:1.45}.canvas-presentation__stage{border-radius:var(--radius-lg);background:#111827;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.canvas-presentation__mount{width:100%;height:100%;position:relative}.canvas-presentation__canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.canvas-presentation__failure{color:#fda4af;font-family:var(--font-mono);text-align:center;max-width:42rem;margin:0;padding:1rem;font-size:.75rem;position:absolute}.canvas-presentation__transport{align-items:center;gap:.5rem;display:flex}.canvas-presentation__transport button{border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;background:#fff;min-width:3.5rem;padding:.35rem .6rem;font-size:.78rem}.canvas-presentation__transport button:disabled{cursor:not-allowed;opacity:.45}.canvas-presentation__transport input[type=range]{flex:1;min-width:0}.canvas-presentation__clock{color:var(--muted-strong);font-family:var(--font-mono);text-align:right;min-width:9rem;font-size:.72rem}.canvas-presentation__stats{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.35rem 1rem;margin:0;display:grid}.canvas-presentation__stat dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem}.canvas-presentation__stat dd{font-family:var(--font-mono);margin:0;font-size:.78rem}@media (prefers-reduced-motion:reduce){.transport__play[data-buffering] .transport__ring{border-color:#7c3aedd9;animation:none}}@media (pointer:coarse){.demo-shell__mode a,.demo-shell__mode button,.source-controls__mode button,.source-actions button,.render-controls__tabs button,.render-control__segments button,.quality-controls__toggle,.quality-controls__input-row input[type=number],.selection-panel .inspector-card__header button,.session-options .inspector-card__header button{min-height:44px}.transport{gap:14px}.transport__play,.transport__step{position:relative}.transport__play:after,.transport__step:after{content:"";width:100%;min-width:44px;height:44px;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.timeline-view__input{align-self:start;height:44px}}