: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}}*{box-sizing:border-box}body{margin:0;background:var(--bg-void);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--type-ui-heading);line-height:var(--line-ui);overflow-wrap:anywhere}#root,.auth-shell{min-block-size:var(--viewport-block)}.auth-topbar{padding:var(--space-3) var(--space-6);border-block-end:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-base)}.auth-brand{color:var(--text-primary);font-weight:800;text-decoration:none}.auth-main{inline-size:min(100%,var(--measure-status));margin-inline:auto;padding:var(--space-6) var(--space-4)}h1{font-size:var(--space-6);margin:0 0 var(--space-6);line-height:1.3}p{margin:0}.auth-panel{display:grid;gap:var(--space-4);padding:var(--space-4);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow)}.auth-form,.auth-unavailable{display:grid;gap:var(--space-3);min-inline-size:0}.auth-field{display:grid;gap:var(--space-2)}button,input{font:inherit}button,.auth-button,.auth-brand,.auth-skip{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--control-min-block);min-inline-size:var(--control-min-block)}button,.auth-button{padding:var(--space-2) var(--space-4);border:var(--stroke-hairline) solid var(--border-hover);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-hover);font-weight:700;cursor:pointer;text-decoration:none;touch-action:manipulation}button:hover:not(:disabled),.auth-button:hover{border-color:var(--accent-hover)}button.auth-primary{background:var(--accent-deep);border-color:var(--accent-hover);color:var(--text-on-accent)}button:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.auth-field input{inline-size:100%;min-inline-size:0;min-block-size:var(--control-min-block);padding:var(--space-2) var(--space-3);border:var(--stroke-hairline) solid var(--border-hover);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-hover)}.auth-choices{display:grid;gap:var(--space-2);min-inline-size:0;margin:0;padding:var(--space-3);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-sm)}.auth-choices label{display:flex;gap:var(--space-2);align-items:center;min-block-size:var(--control-min-block);cursor:pointer}.auth-choices input{accent-color:var(--accent)}.auth-error,[role=status]{padding:var(--space-3);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base)}.auth-error{border-color:var(--danger);color:var(--danger-text)}.auth-hint,.auth-unavailable p{color:var(--text-secondary)}.auth-skip{position:fixed;inset:var(--space-2) auto auto var(--space-2);padding:var(--space-2);background:var(--bg-base);color:var(--info-text);transform:translateY(-200%)}.auth-skip:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-halo)}.account-main{display:grid;gap:var(--space-4)}.account-main h1,.account-main h2,.auth-dialog h2{margin:0}.account-main h2,.auth-dialog h2{font-size:var(--type-ui-heading)}.account-nav,.account-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.account-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--panel-min)),1fr))}.account-row{display:grid;gap:var(--space-2);border-block-start:var(--stroke-hairline) solid var(--border-subtle);padding-block-start:var(--space-3)}.auth-dialog{inline-size:min(calc(100% - var(--space-4)),var(--measure-status));max-block-size:calc(var(--viewport-block) - var(--space-4));overflow:auto;padding:var(--space-4);border:var(--stroke-hairline) solid var(--border-hover);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary)}.auth-dialog::backdrop{background:var(--overlay-scrim)}.account-secret{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:var(--space-3);background:var(--bg-base);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-sm);list-style-position:inside}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media(prefers-reduced-transparency:reduce){.auth-panel,.auth-topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-void)}}@media(forced-colors:active){body,.auth-panel,.auth-topbar,.auth-dialog,.account-secret,.auth-error,[role=status]{background:Canvas;color:CanvasText}button,.auth-button,.auth-field input{background:ButtonFace;color:ButtonText;border-color:ButtonText}.auth-brand,.auth-skip{color:LinkText}.auth-hint,.auth-unavailable p{color:CanvasText}:focus-visible{outline-color:Highlight;box-shadow:none}.auth-panel{border-color:CanvasText;box-shadow:none}}