:root{--bg: #0e0e11;--surface-1: #16161c;--surface-2: #1e1e26;--surface-3: #24242e;--surface-4: #2c2c37;--border: #70707e;--border-strong: #8b8b99;--text: #ececf1;--muted: #9a9aa6;--faint: #6d6d78;--accent: #f5b942;--accent-2: #ff7a45;--accent-soft: rgba(245, 185, 66, .16);--danger: #ff6b6b;--record: #ff5555;--radius: 10px;--radius-lg: 16px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button,select,input,textarea{font:inherit;color:var(--text)}button,select{min-height:44px;min-width:44px}input{min-height:44px}input[type=checkbox]{width:44px;min-width:44px}button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:0 .9rem;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius);font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease}button:hover:not(:disabled){background:var(--surface-4);border-color:var(--border-strong)}button:active:not(:disabled){background:var(--surface-4);border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:0 .7rem}textarea{padding:.5rem .7rem;resize:vertical}input::placeholder,textarea::placeholder{color:var(--faint)}:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}label{font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}fieldset{margin:0;padding:0;border:none;display:inline-flex;gap:.35rem}.aspect-label,.cut-playhead,.storage-usage,.delivery-format{font-variant-numeric:tabular-nums}.btn-app--primary,.export-action>button{background:linear-gradient(100deg,var(--accent) 0%,var(--accent-2) 100%);color:#1a1204;border:none}.btn-app--primary:active:not(:disabled),.export-action>button:active:not(:disabled),.btn-app--primary:hover:not(:disabled),.export-action>button:hover:not(:disabled){filter:brightness(1.06);border:none}.btn-app--danger{background:transparent;color:var(--danger);border-color:#4a2b2b}.btn-app--danger:active:not(:disabled),.btn-app--danger:hover:not(:disabled){background:#ff55551a;border-color:var(--danger)}.app{display:flex;flex-direction:column;height:100dvh;margin:0;background:var(--bg);color:var(--text)}.app-bar{display:flex;gap:1rem;align-items:center;padding:.5rem 1rem;padding-top:max(.5rem,env(safe-area-inset-top));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));background:var(--surface-1);border-bottom:1px solid var(--border)}.app-bar-nav{display:flex;gap:.5rem;align-items:center;flex:1 1 auto;min-width:0;overflow-x:auto}.app-bar-tools{display:flex;gap:1rem;align-items:center;flex:0 0 auto;margin-left:auto}.app-bar-right{display:flex;gap:1rem;align-items:center}.save-indicator{flex:0 0 auto;width:8px;height:8px;border-radius:50%;overflow:hidden;text-indent:110%;white-space:nowrap;background:transparent;transition:background-color .22s ease,opacity .22s ease}.save-indicator[data-status=saving]{background:var(--faint)}.save-indicator[data-status=saved]{background:var(--accent)}.app.theater .app-bar{display:none}.stage{position:relative;flex:1 1 auto;display:grid;place-items:center;overflow:hidden;background:#000;isolation:isolate}.stage canvas{grid-area:1 / 1;width:100%;height:100%}.onion-stage,.stage-overlay,.marker-layer{pointer-events:none}.marker-surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;touch-action:none}.marker-tools{position:absolute;top:.5rem;left:.5rem;z-index:4;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;max-width:calc(100% - 5rem);padding:.5rem;border-radius:var(--radius);background:#16161cd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.marker-tools label{display:flex;align-items:center;gap:.3rem;font-size:.75rem}.marker-tools input[type=number]{width:4rem}.marker-tools input[type=range]{width:6rem}.marker-easing{display:flex;gap:.3rem;margin:0;padding:0;border:0}.stage-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#fff;opacity:0;animation:stage-flash .22s ease-out}.stage-flash[data-outcome=failed]{background:var(--record)}@keyframes stage-flash{0%{opacity:.65}to{opacity:0}}@media(prefers-reduced-motion:reduce){.stage-flash{animation-duration:1ms}}.framing-handles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.framing-body,.framing-corner{position:absolute;pointer-events:auto;touch-action:none}.framing-corner:after{content:"";position:absolute;top:15px;right:15px;bottom:15px;left:15px;border:2px solid rgba(255,255,255,.85)}.stage-rail{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;gap:.9rem;max-height:calc(100% - 1rem);overflow-y:auto}.stage-rail.collapsed{pointer-events:none}.stage-rail.collapsed>button{pointer-events:auto}.stage-view-controls,.camera-quick-controls,.onion-control,.monitor-controls,.framing-controls{display:flex;flex-direction:column;gap:.5rem}.monitor-rotation{font-size:.7rem;font-variant-numeric:tabular-nums}.framing-upscale{font-size:.75rem;color:var(--muted);text-align:center;white-space:nowrap}.stage-rail button,.rail-spin{background:#16161cd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rail-spin{display:flex;align-items:center;gap:.15rem;padding:0 .5rem 0 .15rem;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);font-size:.85rem}.rail-spin input{width:3.4rem;padding:0;background:none;border:none;text-align:right;font-variant-numeric:tabular-nums}.rail-spin:has(input:disabled){opacity:.4}.controls{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;justify-content:space-between;padding:.75rem 1rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));background:var(--surface-1);border-top:1px solid var(--border)}.review-bar,.cut-controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.review-bar label{margin-right:.15rem}.review-bar button{min-width:44px;padding:0 .6rem}.review-bar svg{width:20px;height:20px}.review-bar input[type=number]{width:3.5rem}.review-bar select{width:auto;min-width:0}.strip-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;width:100%}.slot-tools,.caret-tools,.capture-tools,.play-tools{display:flex;gap:.6rem;align-items:center}.capture-tools{margin-left:auto}.play-tools{border-inline:1px solid var(--border);padding-inline:1.25rem}.shutter-delay-group{display:flex;gap:.4rem;border:0;margin:0;padding:0}.shutter-delay-group button{min-width:44px;padding:0 .6rem}.shutter-countdown{min-width:2.5rem;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;text-align:center}.slot-tools button,.caret-tools button,.review-bar button,.onion-control button,.stage-view-controls button,.monitor-controls button,.shutter-delay-group button{flex-direction:column;gap:.15rem;min-width:56px;padding:.25rem .5rem}.btn-label{font-size:.65rem;font-weight:500;line-height:1;white-space:nowrap}.slot-tools svg,.caret-tools svg{width:20px;height:20px}.strip-import-still{position:relative;display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:56px;padding:.25rem .5rem;cursor:pointer}.strip-import-still:has(input:disabled){cursor:default;opacity:.5}.strip-import-still input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.strip-toolbar .capture{color:#fff;background:var(--record);border:none;flex-direction:column;gap:.15rem;min-width:44px;padding:.25rem .9rem}.strip-toolbar .capture:active:not(:disabled),.strip-toolbar .capture:hover:not(:disabled){filter:brightness(1.08);background:var(--record)}.strip-toolbar .capture svg{width:22px;height:22px}.shot-notes{min-height:44px;flex:1 1 8rem;min-width:6rem}.property-control{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.stage-workspace{flex:1 1 100%;width:100%}.strip-frame{position:relative;width:100%}.app.theater .strip-frame{display:none}.thumbnail-strip{position:relative;list-style:none;margin:0;padding:4px;display:flex;gap:4px;width:100%;overflow-x:auto;scrollbar-width:none;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.thumbnail-strip::-webkit-scrollbar{display:none}.strip-frame:has(.strip-scroll-thumb){padding-bottom:39px}.strip-scroll-track{position:absolute;left:0;right:0;bottom:0;height:44px;z-index:2;pointer-events:none}.strip-scroll-thumb{position:absolute;top:0;height:100%;background:transparent;pointer-events:auto;touch-action:none}.strip-scroll-thumb:before{content:"";position:absolute;top:3px;left:0;right:0;height:6px;border-radius:3px;background:var(--border-strong)}.strip-scroll-thumb:active:before,.strip-scroll-thumb:hover:before{background:var(--accent)}.thumbnail-slot{flex:none}.thumbnail-slot button{position:relative;min-height:0;min-width:0;justify-content:flex-start;padding:0;border-radius:6px;border:2px solid transparent;background:#000;overflow:hidden}.thumbnail-slot button:active:not(:disabled),.thumbnail-slot button:hover:not(:disabled){border-color:var(--border-strong);background:#000}.thumbnail-slot img{height:100%;display:block}.thumbnail-slot button[aria-pressed=true]{border-color:var(--accent);background:#000}.thumbnail-slot button[data-playing]{border-color:#6cf}.strip-caret{position:absolute;top:.25rem;width:0}.strip-caret button{width:44px;height:100%;margin-left:-22px;padding:0;min-height:0;min-width:0;border:none;background:transparent;touch-action:none}.strip-caret button:before,.strip-caret.drop:before{content:"";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;border-radius:2px;background:var(--record)}.strip-caret.drop:before{background:var(--accent)}.strip-handle{position:absolute;top:.25rem;width:0}.strip-handle button{width:44px;height:100%;margin-left:-22px;padding:0;min-height:0;min-width:0;border:none;border-radius:4px;background:transparent;touch-action:none}.strip-handle button:before{content:"";position:absolute;top:0;bottom:0;left:-2px;width:4px;border-radius:2px;background:var(--accent)}.thumbnail-slot[data-loading] button{background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 6px,var(--surface-3) 6px,var(--surface-3) 12px)}.thumbnail-hold-count{position:absolute;bottom:2px;right:2px;font-family:var(--font-mono);font-size:.7rem;padding:0 3px;border-radius:3px;background:#000000b3;color:var(--accent)}.thumbnail-hold-tiles{position:absolute;top:0;bottom:0;left:var(--tile);background-repeat:repeat-x;background-size:var(--tile) 100%;opacity:.4}.thumbnail-hold-tiles:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 1px,transparent 1px var(--tile))}.strip-keyframe{position:absolute;top:3px;left:3px;width:7px;height:7px;transform:rotate(45deg);background:var(--accent);box-shadow:0 0 0 1px #000000b3}.banner-dismiss{margin-left:.75rem;padding:0 .6rem;background:none;border-color:currentColor;color:inherit;font-size:.85rem}.shoot-empty{flex:1 1 100%;display:flex;flex-direction:column;align-items:center;gap:.6rem;margin:0;color:var(--muted);text-align:center}.session-error,.usage-error,.export-error,.playback-error,.update-error{margin:0;padding:.6rem 1rem;background:#ff55551a;border-bottom:1px solid #4a2b2b;color:var(--danger)}.update-ready{display:flex;gap:.75rem;align-items:center;margin:0;padding:.6rem 1rem;background:var(--surface-2);border-bottom:1px solid var(--border-strong);color:var(--text)}.camera-status{display:inline-flex;gap:.5rem;align-items:center;padding:.25rem .6rem;border-radius:999px;background:var(--surface-3);font-size:.9rem}.camera-status--low{color:var(--danger)}.camera-status--error{color:var(--danger);font-weight:700}.camera-indicator{font-size:1.4rem;background:none;border:none;padding:0}.camera-indicator:hover:not(:disabled),.camera-indicator:active:not(:disabled){background:none}.camera-indicator[data-state=disconnected]{color:var(--record)}.camera-indicator[data-state=connecting]{color:var(--accent)}.camera-indicator[data-state=connected]{color:#5c5}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow-y:auto;background:#0009}.modal-panel{width:100%;max-width:400px;max-height:calc(100dvh - 3rem);overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg)}.about-links{display:flex;flex-direction:column;gap:.6rem;list-style:none;padding:0}.keyboard-help dl{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1rem;align-items:baseline}.keyboard-help dl>div{display:contents}.keyboard-help kbd{font-family:var(--font-mono);border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem}.rename-form{display:flex;flex-direction:column;gap:.5rem}.rename-actions{display:flex;gap:.5rem}.camera-dialog-current{margin:0;color:var(--muted)}.camera-settings{display:flex;flex-direction:column;gap:.75rem}.capture-key-binder{display:flex;flex-direction:column;gap:.4rem}.capture-key-row{display:flex;align-items:center;gap:.5rem}.capture-key-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.capture-key-help{margin:0;font-size:.8rem;opacity:.75}.camera-selector{display:flex;flex-direction:column;gap:.9rem}.camera-selector-mode{display:flex;gap:1.5rem}.camera-selector-network{display:flex;flex-direction:column;gap:.75rem}.camera-selector-bridges{list-style:none;margin:.5rem 0;padding:0}.camera-selector-cameras{list-style:none;margin:.5rem 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.camera-selector-camera-unusable button{opacity:.6}.camera-selector-camera-reason{margin:.25rem 0 0;font-size:.85rem;opacity:.85}.camera-selector-manual{display:grid;gap:.5rem}.camera-selector-manual label{display:grid;gap:.25rem}.camera-selector-error{color:var(--danger)}.pairing-help{color:var(--muted);font-size:.85rem;max-width:44ch}.export-panel{flex:1 1 auto;overflow-y:auto;width:100%;max-width:640px;margin:0 auto;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1rem}.export-panel h1,.export-panel h2{margin:0}.export-action{display:flex;align-items:center;gap:.75rem;margin:0}.export-upscale-note{color:var(--muted);font-size:.85rem}.clip-capture{flex:1 1 auto;overflow-y:auto;width:100%;max-width:720px;margin:0 auto;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1rem}.clip-capture-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.clip-capture-head h2{margin:0}.clip-capture-pick{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.75rem 1rem;border:1px dashed var(--border);border-radius:var(--radius);cursor:pointer}.clip-capture-pick input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.clip-capture-refusal{margin:0;color:var(--danger)}.clip-capture-preview{width:100%;background:#000;border-radius:var(--radius)}.clip-capture-actions{display:flex;justify-content:flex-end}.clip-filmstrip{position:relative;display:flex;align-items:stretch;height:64px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;background:#000;cursor:pointer}.clip-filmstrip-thumbs{display:flex;flex:1 1 auto;margin:0;padding:0;list-style:none}.clip-filmstrip-thumbs li{flex:1 1 0;min-width:0}.clip-filmstrip-thumbs img{display:block;width:100%;height:100%;object-fit:cover}.clip-filmstrip-mask{position:absolute;top:0;bottom:0;background:#0000008c;pointer-events:none}.clip-filmstrip-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--text);pointer-events:none}.clip-filmstrip-handle{position:absolute;top:0;bottom:0;width:44px;margin-left:-22px;padding:0;min-height:0;min-width:0;border:none;background:transparent;cursor:ew-resize;touch-action:none}.clip-filmstrip-handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;border-radius:2px;background:var(--accent)}.project-screen{flex:1 1 auto;overflow-y:auto;width:100%;max-width:880px;margin:0 auto;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.project-screen h1{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.02em}.project-empty{margin:0;color:var(--muted);padding:1.5rem;border:1px dashed var(--border-strong);border-radius:14px;text-align:center}.project-new{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.25rem 1.4rem;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg)}.project-new-title{margin:0;font-size:1.05rem;font-weight:700}.project-new-fields{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.field{display:flex;flex-direction:column;gap:.4rem}.field--grow{flex:1 1 12rem}.project-new .btn-app--primary{align-self:flex-start}.delivery-format,.output-format{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted)}.delivery-format input{width:5.5rem;text-align:right}.delivery-format .aspect-label{font-family:var(--font-mono);font-size:.8rem;color:var(--faint);white-space:nowrap}.project-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.project-card{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.1rem;background:var(--surface-1);border:1px solid var(--border);border-radius:14px}.project-card:hover,.project-card:active{border-color:var(--border-strong)}.project-card-head{display:flex;align-items:baseline;gap:.6rem;flex:1 1 12rem;min-width:0}.project-card .project-name{font-size:1.1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card .project-fps{font-family:var(--font-mono);font-size:.8rem;color:var(--faint);flex:none}.project-card-actions{display:flex;gap:.5rem;flex:none}.storage-usage{margin:0;font-size:.85rem;color:var(--faint)}.storage-evictable{margin:0;max-width:52ch;font-size:.85rem;color:#e8b04b}.reclaim-confirm,.outline-remove-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem .9rem;border:1px solid #4a2b2b;border-radius:12px;background:#ff55550f}.reclaim-confirm{flex:1 1 20rem}.reclaim-confirm p,.outline-remove-confirm p{margin:0;flex:1 1 16rem}.sequencer{gap:1rem;padding:1.5rem;overflow-y:auto}.sequencer canvas{flex:none;align-self:center;max-width:100%;max-height:45vh;background:#000;border:1px solid var(--border);border-radius:8px}.cut-controls{gap:.75rem}.cut-empty{color:var(--muted);padding:1.5rem;border:1px dashed var(--border-strong);border-radius:14px;text-align:center}.cut-playhead{font-family:var(--font-mono);color:var(--muted);font-size:.9rem}.mode-switcher{display:flex;gap:0}.mode-switcher button{border-radius:0}.mode-switcher button:first-child{border-start-start-radius:4px;border-end-start-radius:4px}.mode-switcher button:last-child{border-start-end-radius:4px;border-end-end-radius:4px}.mode-switcher button[aria-selected=true]{background:var(--accent);color:#1a1204;box-shadow:inset 0 -3px #00000059}.mode-switcher button[aria-selected=true]:focus-visible{box-shadow:inset 0 -3px #00000059,0 0 0 3px var(--accent-soft)}.outline-mode{display:flex;flex-direction:column;min-height:0}.outline-editor{display:grid;grid-template-columns:minmax(16rem,1fr) 2fr;gap:.75rem;min-height:0;flex:1;padding:.75rem}.outline-editor-header{display:flex;justify-content:flex-end;gap:.5rem}.outline-editor-header button{min-height:2.75rem}.outline-editor-header button[aria-pressed=true]{background:var(--accent-soft)}.outline-editor--audio{display:flex;flex-direction:column}.outline-audio-top{display:flex;justify-content:space-between;gap:.75rem;min-height:0}.outline-audio-side{display:flex;flex-direction:column;gap:.5rem;min-width:0}.outline-audio-top canvas{min-width:0;max-width:25vw;max-height:25vh;background:#000}.outline-editor--audio.theater .outline-audio-side{flex:1}.outline-editor--audio.theater .outline-audio-top canvas{max-width:100%;max-height:60vh;margin:0 auto}.outline-pane{overflow-y:auto;min-height:0}.outline-tree{list-style:none;margin:0;padding:0}.outline-pane-header,.outline-node-row{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;min-height:2.75rem;cursor:pointer}.outline-node[data-selected]>.outline-node-row{background:var(--accent-soft)}.outline-node-row[data-over]{outline:2px solid currentColor;outline-offset:-2px}.outline-node-row[data-dragging]{opacity:.5}.outline-node-name{display:block;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:none;border-radius:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:inherit;min-height:0;min-width:0;transition:none}button.outline-node-name:hover,button.outline-node-name:active{background:none}.outline-remove-btn{color:var(--danger);margin-left:1.5rem}.outline-add{position:relative;display:inline-flex}.outline-add-menu{position:absolute;top:100%;right:0;z-index:3;display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius)}.outline-add-menu button{justify-content:flex-start;min-height:2.75rem;padding:0 .75rem;background:none;border:none}.outline-add-menu button:active,.outline-add-menu button:hover{background:var(--surface-4)}.outline-thumb{height:2rem;width:auto;border-radius:2px}.outline-take-count{color:var(--muted);font-size:.85rem;font-family:var(--font-mono)}.outline-drop-zone{list-style:none;height:.25rem}.outline-drop-zone[data-over]{height:.5rem;background:currentColor}.outline-editor-side{display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow-y:auto}.outline-editor-side canvas{flex:none;align-self:flex-end;max-width:25vw;max-height:25vh;background:#000}.outline-preview-play{min-height:2.75rem;white-space:nowrap}.outline-details{display:flex;flex-direction:column;gap:.5rem}.outline-details label{display:flex;flex-direction:column;gap:.25rem}.outline-details-name-row{display:flex;align-items:center;gap:.5rem}.outline-details-name-row input{flex:1;min-width:0}.outline-details-type{color:var(--muted);font-size:.85rem}.outline-take-list{list-style:none;margin:0;padding:0}.outline-take-list li{display:flex;align-items:center;gap:.5rem}.audio-panel{display:flex;flex-direction:column;min-height:0;background:var(--surface-1);border-top:1px solid var(--border)}.audio-panel-toolbar{display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem;flex-wrap:wrap}.audio-import,.audio-add-field,.audio-inspector-field{display:flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.85rem}.audio-zoom-group{display:flex;align-items:center;gap:.35rem;margin-left:auto;color:var(--muted);font-family:var(--font-mono);font-size:.8rem}.audio-panel-body{display:flex;min-height:0;max-height:436px;overflow-y:auto}.audio-header-column{flex:none;width:11rem;background:var(--surface-1);border-right:1px solid var(--border)}.audio-ruler-gutter{height:28px;border-bottom:1px solid var(--border)}.audio-track-headers{display:flex;flex-direction:column}.audio-row-header{display:flex;align-items:center;gap:.35rem;justify-content:flex-start;background:none;border:none;border-bottom:1px solid var(--border);border-radius:0;color:inherit;font:inherit;text-align:left;min-height:0}.audio-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-row-unplaced{color:var(--faint);font-size:.7rem;text-transform:uppercase}.audio-row-header[data-unplaced]{opacity:.55}.audio-scroll{flex:1;min-width:0;overflow-x:auto}.audio-ruler{position:relative;height:28px;border-bottom:1px solid var(--border);color:var(--faint);font-family:var(--font-mono);font-size:.7rem}.audio-ruler-tick{position:absolute;top:0;padding-left:2px;border-left:1px solid var(--border-strong);height:100%}.audio-lanes{position:relative}.audio-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);pointer-events:none}.audio-row{position:relative;border-bottom:1px solid var(--border)}.audio-row[data-unplaced]{opacity:.55;background:repeating-linear-gradient(45deg,transparent,transparent 6px,var(--surface-2) 6px,var(--surface-2) 12px)}.audio-span-region{position:absolute;top:0;bottom:0;background:var(--surface-2)}.audio-lane{position:absolute;left:0;right:0}.audio-clip{position:absolute;top:3px;bottom:3px;height:auto;min-height:0;padding:0;display:block;overflow:hidden;background:var(--accent-soft);border:1px solid var(--accent);border-radius:4px;color:var(--text);font-size:.7rem;text-align:left;touch-action:none}.audio-clip[aria-pressed=true]{background:var(--accent);color:#17170f}.audio-clip[aria-disabled=true]{border-style:dashed;cursor:default}.audio-clip-name{display:block;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.audio-fade-shape{position:absolute;top:0;bottom:0;left:0;background:var(--surface-1);clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none}.audio-fade-shape-out{left:auto;right:0;clip-path:polygon(100% 0,100% 100%,0 0)}.audio-clip-handle{position:absolute;touch-action:none}.audio-clip-trim-start,.audio-clip-trim-end{top:0;bottom:0;cursor:ew-resize}.audio-clip-trim-start{left:0}.audio-clip-trim-end{right:0}.audio-clip-fade-in,.audio-clip-fade-out{top:0;height:12px;cursor:nesw-resize}.audio-clip-fade-in{left:0}.audio-clip-fade-out{right:0}.audio-inspector{display:flex;align-items:center;gap:.75rem;padding:0 .5rem;min-height:3rem;border-top:1px solid var(--border)}.outline-editor--audio.theater .outline-audio-top .audio-inspector{display:none}.audio-inspector-name{font-family:var(--font-mono);font-size:.8rem}.audio-inspector-field input[type=number]{width:4.5rem}.sequence-view{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:0;padding:.75rem}.sequence-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,25vw);gap:.75rem;min-height:0}.sequence-top canvas{grid-area:1 / 2;justify-self:end;max-width:100%;max-height:25vh;background:#000}.sequence-details{grid-area:1 / 1;overflow-y:auto;min-height:0}.sequence-transport{display:flex;flex-direction:column;gap:.5rem}.sequence-transport-buttons{display:flex;align-items:center;gap:.5rem}.sequence-transport-buttons button{min-width:2.75rem;min-height:2.75rem}.sequence-readout{color:var(--muted);font-family:var(--font-mono);font-size:.85rem}.sequence-scrub{width:100%;min-height:2.75rem}.sequence-outlines{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;flex:1;min-height:0}.app.theater .sequence-details,.app.theater .sequence-outlines{display:none}.app.theater .sequence-top{flex:1 1 auto;grid-template-columns:1fr}.app.theater .sequence-top canvas{grid-area:1 / 1;place-self:center;max-height:100%}.outline-take-chips{display:flex;list-style:none;margin:0;padding:0;gap:.25rem}.outline-take-chip{padding:.1rem .4rem;border-radius:999px;background:var(--accent-soft);font-family:var(--font-mono);font-size:.75rem;touch-action:none}.outline-take-chip[data-dragging]{opacity:.5}.outline-peers{display:flex;align-items:center;gap:.5rem}.outline-peer-missing{color:var(--danger);font-style:italic}.shot-menu{min-height:2.75rem;max-width:14rem}@media(pointer:coarse){.slot-tools button,.caret-tools button,.review-bar button,.outline-editor-header button,.sequence-transport-buttons button{min-width:48px;min-height:48px}.outline-node-row,.outline-pane-header,.outline-add-menu button{min-height:3rem}}@media(prefers-reduced-motion:reduce){button,.save-indicator{transition:none}}.app-crashed{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;padding:2rem}.crash-message{margin:0;max-width:60ch}.crash-actions{display:flex;gap:.5rem}.storage-full{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}