:root{color-scheme:dark;--bg-void: #07070b;--bg-photo-fallback: radial-gradient(120% 90% at 70% 20%, #2b2430 0%, #141118 45%, #07070b 100%);--bg-photo-veil: linear-gradient(180deg, rgba(7,7,11,.28) 0%, rgba(7,7,11,.52) 100%);--glass-bg: rgba(16, 17, 24, .42);--glass-bg-strong: rgba(14, 15, 22, .72);--editor-drawer-bg: rgba(14, 15, 22, .94);--glass-bg-subtle: rgba(255, 255, 255, .035);--glass-border: rgba(255, 255, 255, .055);--glass-border-strong: rgba(255, 255, 255, .12);--glass-blur: 26px;--solid-bg-card: #101118;--solid-bg-base: #0e0f16;--solid-overlay-scrim: rgba(7, 7, 11, .92);--bg-base: var(--glass-bg-strong);--bg-card: var(--glass-bg);--bg-hover: var(--glass-bg-subtle);--border-subtle: var(--glass-border);--border-hover: var(--glass-border-strong);--text-primary: #f3f3f6;--text-secondary: rgba(243, 243, 246, .66);--text-muted: rgba(243, 243, 246, .42);--text-line: rgba(255, 255, 255, .12);--accent: #f0506e;--accent-hover: #ff6a86;--accent-glow: rgba(240, 80, 110, .28);--accent-deep: #c23a55;--success: #4ade80;--success-soft: rgba(74, 222, 128, .14);--success-text: #baf2cd;--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .12);--warning-text: #fde9b8;--danger: #fb7185;--danger-soft: rgba(251, 113, 133, .12);--danger-text: #ffd0d8;--info: #6aa9ff;--info-soft: rgba(106, 169, 255, .18);--info-border: rgba(106, 169, 255, .35);--info-text: #bcd6ff;--text-on-accent: #ffffff;--media-surface-start: #26202a;--media-surface-end: #120f16;--keyframe-surface-start: #2a2330;--keyframe-surface-end: #14101a;--focus-ring: #ffd2dc;--focus-halo: rgba(240, 80, 110, .38);--disabled-opacity: .42;--overlay-scrim: rgba(7, 7, 11, .72);--shadow: 0 12px 40px rgba(0, 0, 0, .45);--radius: 10px;--radius-sm: 6px;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--font-reading: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--type-ui-body: .8125rem;--type-ui-heading: .875rem;--type-ui-caption: .75rem;--line-ui: 1.55;--tracking-label: .08em;--stroke-hairline: 1px;--viewport-block: 100dvh;--desktop-min-inline: 80rem;--control-min-block: 2.75rem;--measure-status: 78ch;--measure-compact: 34ch;--panel-min: 16rem;--panel-min-wide: 18rem;--editor-toolbar-block: 3.375rem;--editor-stage-share: 42.3%;--editor-timeline-share: 57.7%;--editor-text-inline: 300px;--editor-minimap-block: 2.125rem;--editor-hud-control-block: 28px;--editor-hud-gap: 3px;--editor-hud-inline-start: 120px;--editor-preview-play-block: 3.75rem;--editor-demo-thumbnail-inline: 4.75rem;--editor-media-aspect: 16 / 9;--editor-inspector-inline: 21.25rem;--editor-capability-gutter: 23.75rem;--editor-track-rail-inline: 7rem;--editor-mobile-reference-inline: 8rem;--editor-mobile-source-block: 14.5rem;--editor-mobile-inspector-block: 30rem;--editor-mobile-timeline-block: 35rem;--editor-mobile-track-rail-inline: 5.5rem;--editor-mobile-track-label-size: .5625rem;--editor-mobile-outline-block: 32.5rem;--editor-track-scene-fill: var(--info-soft);--editor-track-scene-border: var(--info-border);--editor-track-scene-text: var(--info-text);--editor-track-segment-fill: var(--bg-hover);--editor-track-segment-border: var(--border-subtle);--editor-track-segment-text: var(--text-secondary);--editor-track-translation-fill: var(--danger-soft);--editor-track-translation-border: var(--danger);--editor-track-translation-text: var(--danger-text);--editor-track-audio-fill: var(--success-soft);--editor-track-audio-border: var(--success);--editor-track-audio-text: var(--success-text);--editor-track-video-fill: var(--media-surface-start);--editor-track-video-border: var(--border-hover);--editor-track-video-text: var(--text-secondary);--editor-track-hands-fill: var(--success-soft);--editor-track-hands-border: var(--success);--editor-track-hands-text: var(--success-text);--editor-track-keyframe-fill: var(--keyframe-surface-start);--editor-track-keyframe-border: var(--border-subtle);--editor-track-keyframe-text: var(--text-muted);--panel-weight-source: 1.25fr;--panel-weight-primary: 1.5fr;--source-frame-min-block: 12rem;--media-gradient-angle: 160deg;--video-picker-tile-min: 18rem;--video-picker-row-thumbnail: 9rem;--video-picker-row-thumbnail-narrow: 7rem;--video-picker-dialog-max: 48rem;--motion-fast: .14s;--motion-standard: .22s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px}:where(a,button,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-halo)}:where(button,select,textarea):disabled,[aria-disabled=true]{cursor:not-allowed;opacity:var(--disabled-opacity)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-reduced-transparency:reduce){:root{--bg-card: var(--solid-bg-card);--bg-base: var(--solid-bg-base);--overlay-scrim: var(--solid-overlay-scrim)}.glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}@media(forced-colors:active){:where(a,button,select,textarea,[tabindex]):focus-visible{outline:2px solid Highlight;box-shadow:none}}@font-face{font-family:JetBrains Mono;src:local("JetBrains Mono"),url(/fonts/jetbrains-mono-latin.woff2) format("woff2-variations");font-style:normal;font-weight:100 800;font-display:swap}.editor-shell,.editor-shell *,.editor-fixture-frame,.editor-fixture-frame *{box-sizing:border-box}html:has(#editor-shell-fixture-root),body:has(#editor-shell-fixture-root),#editor-shell-fixture-root{margin:0;block-size:var(--viewport-block);min-block-size:0;overflow:hidden}body:has(#editor-shell-fixture-root){background:var(--bg-photo-veil),var(--bg-photo-fallback);color:var(--text-primary);font:var(--type-ui-body)/var(--line-ui) var(--font-mono)}.editor-shell button,.editor-shell input,.editor-shell select,.editor-shell textarea,.editor-reference-control select,.editor-control{min-block-size:var(--control-min-block);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--text-primary);font:inherit}.editor-shell button,.editor-control{cursor:pointer}.editor-shell button:hover,.editor-control:hover{border-color:var(--border-hover)}.editor-fixture-frame,.editor-shell{min-block-size:0}.editor-stage,.editor-timeline-zone,.editor-timeline-visual{display:contents}.editor-inspector-dock,.editor-track-rail{display:none}.editor-fixture-frame{display:grid;grid-template-rows:auto minmax(0,1fr);block-size:var(--viewport-block)}.editor-reference-control{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--bg-base);border-block-end:var(--stroke-hairline) solid var(--border-subtle)}.editor-shell{display:grid;grid-template-rows:auto auto auto auto minmax(calc(var(--space-8) * 4),.8fr) minmax(0,1fr) auto;gap:var(--space-2);block-size:100%;padding:var(--space-3);overflow:hidden}.editor-shell[data-has-timeline=false]{grid-template-rows:auto auto auto auto minmax(0,1fr) auto}.editor-topbar,.editor-source,.editor-transport,.editor-outline,.editor-capabilities{border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.editor-topbar,.editor-source,.editor-transport,.editor-outline-header,.editor-track-heading,.editor-actions,.editor-transport-actions,.editor-track-controls{display:flex;align-items:center;gap:var(--space-2)}.editor-topbar{justify-content:space-between;padding:var(--space-2) var(--space-3)}.editor-topbar h1,.editor-source h2,.editor-outline h2,.editor-outline h3,.editor-drawer h2,.editor-drawer h3,.editor-eyebrow{margin:0}.editor-eyebrow{color:var(--accent);font-size:var(--type-ui-caption);letter-spacing:var(--tracking-label);text-transform:uppercase}.editor-actions,.editor-track-controls,.editor-transport-actions{flex-wrap:wrap}.editor-control,.editor-icon-control{display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--space-3);text-decoration:none}.editor-control-primary{background:var(--accent-deep);color:var(--text-on-accent);border-color:var(--accent-deep)}.editor-source{display:grid;grid-template-columns:minmax(0,var(--panel-weight-source)) minmax(var(--panel-min),1fr);gap:var(--space-3);align-items:center;padding:var(--space-2)}.editor-source-frame{position:relative;min-block-size:var(--source-frame-min-block);overflow:hidden;border-radius:var(--radius-sm);background:linear-gradient(var(--media-gradient-angle),var(--media-surface-start),var(--media-surface-end))}.editor-source-frame video{inline-size:100%;block-size:100%;min-block-size:var(--source-frame-min-block);object-fit:contain;background:var(--bg-void)}.editor-source-pending{position:absolute;inset-block-end:var(--space-2);inset-inline-start:var(--space-2);margin:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-secondary)}.editor-source-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:var(--space-1);inline-size:100%;block-size:100%;padding:var(--space-3);text-align:center;color:var(--text-secondary)}.editor-transport{display:grid;grid-template-columns:auto minmax(var(--panel-min),1fr) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-2)}.editor-scrubber,.editor-zoom-control,.editor-height-control,.editor-field{display:grid;gap:var(--space-1);min-inline-size:0}.editor-scrubber input{inline-size:100%}.editor-timecode{color:var(--success-text);font-variant-numeric:tabular-nums}.editor-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1);padding:var(--space-2)}.editor-capabilities p{margin:0;padding:var(--space-1) var(--space-2);border:var(--stroke-hairline) solid var(--warning);border-radius:var(--radius-sm);color:var(--warning-text);overflow-wrap:anywhere}.editor-selection{margin:0;padding:var(--space-1) var(--space-2);background:var(--solid-bg-base);color:var(--text-secondary);overflow-wrap:anywhere;pointer-events:none}.editor-live-region{position:absolute;inline-size:var(--stroke-hairline);block-size:var(--stroke-hairline);padding:0;margin:calc(var(--stroke-hairline) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-height:800px){.editor-shell[data-has-timeline=false] .editor-source-frame,.editor-shell[data-has-timeline=false] .editor-source-frame video{min-block-size:calc(var(--control-min-block) * 2)}.editor-shell[data-has-timeline=false] .editor-capabilities{grid-template-columns:repeat(5,minmax(0,1fr))}.editor-shell[data-has-timeline=false] .editor-capabilities p{padding:var(--space-1);font-size:var(--type-ui-caption)}}.editor-outline{display:grid;grid-template-rows:auto minmax(0,1fr);min-block-size:0;overflow:hidden}.editor-outline-header,.editor-track-heading{justify-content:space-between;padding:var(--space-2) var(--space-3)}.editor-scroll-owner{min-block-size:0;overflow:auto;overscroll-behavior:contain;scroll-padding-block-start:calc(var(--control-min-block) * 2);scroll-padding-block-end:calc(var(--control-min-block) * 2)}.editor-shell[data-has-timeline=false] .editor-track-heading{position:static}.editor-outline-track+.editor-outline-track{border-block-start:var(--stroke-hairline) solid var(--border-subtle)}.editor-track-heading{position:sticky;inset-block-start:0;z-index:1;background:var(--bg-base)}.editor-track-heading h3,.editor-track-empty{overflow-wrap:anywhere}.editor-icon-control,.editor-height-control select{min-block-size:calc(var(--control-min-block) - var(--space-2));padding-inline:var(--space-2)}.editor-height-control{grid-template-columns:auto auto;align-items:center}.editor-height-control span{color:var(--text-secondary);font-size:var(--type-ui-caption)}.editor-outline-clips{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--panel-min),100%),1fr));gap:var(--space-2);padding:0 var(--space-3) var(--space-3)}.editor-clip-button{display:grid;gap:var(--space-1);min-inline-size:0;padding:var(--space-2) var(--space-3);text-align:start;overflow-wrap:anywhere;scroll-margin-block-start:calc(var(--control-min-block) * 2);scroll-margin-block-end:calc(var(--control-min-block) * 2)}.editor-clip-button span+span,.editor-track-empty{color:var(--text-secondary);font-size:var(--type-ui-caption)}.editor-clip-button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 var(--stroke-hairline) var(--accent-glow)}.editor-track-empty{margin:0;padding:0 var(--space-3) var(--space-3)}.editor-drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.editor-drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;background:var(--overlay-scrim);animation:editor-scrim-in var(--motion-fast) var(--ease-standard)}.editor-drawer{position:absolute;inset-block:0;display:grid;grid-template-rows:auto minmax(0,1fr);inline-size:min(var(--panel-min-wide),88vi);background:var(--editor-drawer-bg);border-inline:var(--stroke-hairline) solid var(--border-hover);box-shadow:var(--shadow);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));animation:editor-drawer-in var(--motion-standard) var(--ease-standard)}.editor-drawer-left{inset-inline-start:0;transform-origin:left center}.editor-drawer-right{inset-inline-end:0;transform-origin:right center}.editor-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border-block-end:var(--stroke-hairline) solid var(--border-subtle)}.editor-drawer-body{min-block-size:0;overflow:auto;padding:var(--space-3)}.editor-drawer-stack{display:grid;gap:var(--space-6)}.editor-reading-copy{font-family:var(--font-reading);overflow-wrap:break-word}.editor-detail-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--panel-weight-primary));gap:var(--space-2) var(--space-3)}.editor-detail-list dt{color:var(--text-secondary)}.editor-detail-list dd{margin:0;overflow-wrap:break-word}.editor-glossary-list{display:grid;gap:var(--space-2);padding:0;list-style:none}.editor-glossary-list li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-2);padding:var(--space-2);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-sm);overflow-wrap:normal;word-break:normal}.editor-text-inline .editor-glossary-list li,.editor-drawer .editor-glossary-list li{grid-template-columns:minmax(0,1fr)}.editor-editable-probe{min-block-size:var(--control-min-block);padding:var(--space-2);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-sm)}@keyframes editor-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes editor-drawer-in{0%{opacity:0;transform:scaleX(.96)}to{opacity:1;transform:scaleX(1)}}@media(max-width:1120px){.editor-shell{padding:var(--space-2)}.editor-topbar{align-items:flex-start}.editor-source-frame{min-block-size:calc(var(--space-8) * 3)}.editor-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-track-heading{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.editor-reference-control{justify-content:space-between;padding-inline:var(--space-2)}.editor-topbar{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center}.editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.editor-control{padding-inline:var(--space-2);text-align:center}.editor-source{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.editor-source>div:last-child{display:grid;align-content:center;gap:var(--space-1)}.editor-source>div:last-child p:last-child{margin:0;color:var(--text-secondary);font-size:var(--type-ui-caption)}.editor-transport{grid-template-columns:minmax(0,1fr) auto}.editor-transport-actions,.editor-scrubber{grid-column:1 / -1}.editor-scrubber,.editor-zoom-control{grid-template-columns:auto minmax(0,1fr);align-items:center}.editor-source-frame{min-block-size:calc(var(--space-8) * 3)}.editor-capabilities p{padding:var(--space-1);font-size:var(--type-ui-caption)}.editor-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-shell[data-has-timeline=false] .editor-capabilities{grid-template-columns:repeat(5,minmax(calc(var(--control-min-block) * 3),1fr));overflow-x:auto;overscroll-behavior-inline:contain}.editor-shell[data-has-timeline=false] .editor-source-frame{min-block-size:calc(var(--control-min-block) * 1.5)}.editor-shell[data-has-timeline=false] .editor-source-fallback span,.editor-shell[data-has-timeline=false] .editor-source-copy p:last-child{display:none}.editor-shell[data-has-timeline=false] .editor-outline-header .editor-eyebrow{position:absolute;inline-size:var(--stroke-hairline);block-size:var(--stroke-hairline);margin:calc(var(--stroke-hairline) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.editor-outline-header{align-items:flex-start}.editor-track-heading{position:static}}@media(max-height:600px){.editor-shell{gap:var(--space-1);padding-block:var(--space-1)}.editor-topbar .editor-control{padding-inline:var(--space-1)}.editor-topbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:var(--space-1)}.editor-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1)}.editor-source{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:var(--space-1)}.editor-source-frame{min-block-size:var(--control-min-block)}.editor-source>div:last-child p:last-child{position:absolute;inline-size:var(--stroke-hairline);block-size:var(--stroke-hairline);margin:calc(var(--stroke-hairline) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.editor-transport{grid-template-columns:auto minmax(0,1fr) auto auto;gap:var(--space-1);padding:var(--space-1)}.editor-transport-actions{flex-wrap:nowrap}.editor-scrubber,.editor-zoom-control{grid-template-columns:auto minmax(0,1fr);align-items:center}.editor-transport .editor-control{padding-inline:var(--space-2)}.editor-capabilities{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1);padding:var(--space-1)}.editor-capabilities p{line-height:var(--line-ui)}.editor-shell[data-has-timeline=false] .editor-capabilities{grid-template-columns:repeat(5,minmax(calc(var(--control-min-block) * 5),1fr));overflow-x:auto;overscroll-behavior-inline:contain}.editor-shell[data-has-timeline=false] .editor-source-frame{min-block-size:var(--control-min-block)}.editor-shell[data-has-timeline=false] .editor-capabilities p{font-size:var(--type-ui-caption)}.editor-shell[data-has-timeline=false] .editor-topbar .editor-eyebrow,.editor-shell[data-has-timeline=false] .editor-outline-header .editor-eyebrow{position:absolute;inline-size:var(--stroke-hairline);block-size:var(--stroke-hairline);margin:calc(var(--stroke-hairline) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.editor-shell[data-has-timeline=false] .editor-source-fallback span,.editor-shell[data-has-timeline=false] .editor-source-copy p:last-child{display:none}.editor-outline-header{padding-block:var(--space-1)}}@media(prefers-reduced-motion:reduce){.editor-drawer,.editor-drawer-scrim{animation:none}}@media(prefers-reduced-transparency:reduce){body,.editor-source-frame{background:var(--solid-bg-base)}button,input,select,textarea,.editor-control{background:var(--solid-bg-card)}.editor-topbar,.editor-source,.editor-transport,.editor-outline,.editor-capabilities,.editor-drawer{background:var(--solid-bg-base);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(forced-colors:active){.editor-clip-button[aria-pressed=true],.editor-capabilities p{border:var(--stroke-hairline) solid Highlight;box-shadow:none}}
