*{box-sizing:border-box}:root{color-scheme:dark;--bg: #0e1014;--bg-panel: #14171d;--bg-elevated: #1c2028;--bg-input: #0b0d11;--border: #2b313d;--text: #e9edf4;--text-dim: #8f9aad;--accent: #5b93ff;--accent-dim: #33569e;--accent-contrast: #ffffff;--danger: #ff6d6d;--warn: #f2c14e;--overlay: rgba(0, 0, 0, .65);--stripe: rgba(255, 255, 255, .12);--tool-output: var(--accent);--tool-clip-crop: #ffa94d;--tool-move: #3ecf8e;--audio: #4db6ac;--audio-dim: #1d3b39;--audio-loop-edge: #3c7c76;--clip-waveform: #d8f5f1;--clip-waveform-fill: rgba(8, 12, 16, .5);--clip-scrim: rgba(10, 12, 16, .82);--audio-lane-h: 40px;--audio-lanes-max: 4;--ruler-bg: #11141a;--timeline-grid: rgba(255, 255, 255, .05);--lane-stripe: rgba(255, 255, 255, .022);--playhead: #ff5f6d;--clip-tint-top: rgba(255, 255, 255, .07);--clip-tint-bottom: rgba(0, 0, 0, .28);--strip-edge: rgba(255, 255, 255, .09);--strip-edge-hover: rgba(255, 255, 255, .22);--shadow-strip: 0 1px 3px rgba(0, 0, 0, .5);--shadow-sheet: 0 -6px 24px rgba(0, 0, 0, .45);--scrollbar-thumb: #333b49;--scrollbar-thumb-hover: #485366;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-xs: 11px;--font-sm: 12px;--font-md: 13px;--font-lg: 18px;--hit: 44px}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,select,input,.button{font:inherit;color:inherit}button,.button{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px var(--space-3);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1)}button:hover:not(:disabled),.button:hover{border-color:var(--accent-dim)}button:disabled{opacity:.45;cursor:default}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent-dim)}.link-btn{background:none;border:none;color:var(--accent);padding:2px 0}.link-btn:disabled{color:var(--text-dim)}.icon-btn{padding:2px var(--space-2)}.icon-btn.active{border-color:var(--accent);color:var(--accent)}.quiet-btn{background:none;border-color:transparent;color:var(--text-dim)}.quiet-btn:hover:not(:disabled){color:var(--text)}.icon{flex:none}input[type=number],select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) 6px;width:5.5em}select{width:100%}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--border);background:var(--bg-panel)}.topbar h1{margin:0;font-size:var(--font-md)}.bar-history{display:flex;align-items:center;gap:var(--space-1)}.tagline{display:none;color:var(--text-dim);font-size:var(--font-sm)}.spacer{flex:1}.bar-btn{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 12px}.bar-btn-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.export-btn{padding:7px 14px}.bar-btn-failed{color:var(--danger);border-color:var(--danger)}.capability-btn{position:relative;padding-left:24px;border-radius:999px;--capability-tone: var(--text-dim);border-color:color-mix(in srgb,var(--capability-tone) 55%,var(--border));color:var(--capability-tone);background:color-mix(in srgb,var(--capability-tone) 12%,var(--bg-elevated))}.capability-btn.checking{--capability-tone: var(--text-dim)}.capability-btn.ready{--capability-tone: var(--accent)}.capability-btn.limited{--capability-tone: var(--warn)}.capability-btn.blocked{--capability-tone: var(--danger)}.capability-dot{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:var(--capability-tone)}.capability-btn.blocked .capability-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 30%,transparent)}.project-name{display:none;flex:0 1 auto;min-width:0;max-width:32ch;background:none;border:none;border-radius:0;border-right:1px solid var(--border);padding:0 var(--space-3) 0 0;font-size:var(--font-md);font-weight:500;color:var(--text);text-align:left;align-self:center}.project-name-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-name:hover:not(:disabled){color:var(--accent);border-color:var(--border)}.project-name:disabled{opacity:1}.project-name-note{color:var(--danger)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.layout{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.editor{flex:1;display:flex;flex-direction:column;min-width:0;padding:var(--space-2);gap:var(--space-2)}.preview{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.preview-stage-area{flex:1;min-width:0;display:grid;place-items:center;min-height:140px}.preview-stage{position:relative;width:100%;height:100%;background:#000;border-radius:var(--radius-md);overflow:hidden;outline:1px solid var(--border)}.clip-frame{position:absolute;inset:0;overflow:hidden;visibility:hidden}.clip-frame.active{visibility:visible}.color-frame{pointer-events:none}.stage-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.stage-video.placed{inset:auto;object-fit:fill}.empty-hint{position:absolute;inset:0;display:grid;place-items:center;padding:var(--space-3);text-align:center;color:var(--text-dim)}.tool-output{--tool-accent: var(--tool-output)}.tool-clip-crop{--tool-accent: var(--tool-clip-crop)}.tool-move{--tool-accent: var(--tool-move)}.crop-layer{position:absolute;overflow:hidden;touch-action:none}.crop-rect{position:absolute;border:2px solid var(--tool-accent, var(--accent));box-shadow:0 0 0 9999px var(--overlay);cursor:move}.tool-clip-crop .crop-rect{border-style:dashed}.tool-move .crop-rect{box-shadow:none;cursor:grab}.tool-move .crop-rect:active{cursor:grabbing}.crop-size{position:absolute;bottom:var(--space-1);left:var(--space-1);font-size:var(--font-xs);background:var(--overlay);padding:1px 5px;border-radius:var(--radius-sm);pointer-events:none}.crop-handle{position:absolute;width:14px;height:14px;background:var(--tool-accent, var(--accent));border-radius:var(--radius-sm)}.tool-move .crop-handle{border-radius:50%}.crop-handle:before{content:"";position:absolute;inset:-14px}.crop-handle.nw{top:-7px;left:-7px;cursor:nwse-resize}.crop-handle.ne{top:-7px;right:-7px;cursor:nesw-resize}.crop-handle.sw{bottom:-7px;left:-7px;cursor:nesw-resize}.crop-handle.se{bottom:-7px;right:-7px;cursor:nwse-resize}.stage-chip{position:absolute;top:var(--space-2);left:var(--space-2);z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);max-width:calc(100% - 2 * var(--space-2))}.stage-chip-label{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--overlay);padding:1px 5px;border-radius:var(--radius-sm);font-size:var(--font-xs)}.stage-chip-dot{width:8px;height:8px;border-radius:50%;background:var(--tool-accent, var(--accent));flex:none}.clip-tool-toggle{display:flex;gap:var(--space-1)}.clip-overlay-hint{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:var(--space-2);background:var(--overlay)}.transport{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-2);row-gap:var(--space-2)}.transport-main{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.transport-aux{display:contents}.transport-info{grid-column:1;grid-row:2;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.transport-monitor{grid-column:2;grid-row:2;display:flex;align-items:center;gap:var(--space-2)}.play-btn{min-width:42px;min-height:32px;font-size:15px}.time-display{font-variant-numeric:tabular-nums;white-space:nowrap}.frame-display{font-size:var(--font-sm);color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.transport .select-row,.transport .slider-row{flex-direction:row;align-items:center;gap:var(--space-2);margin:0}.transport .select-row>span,.transport .slider-label{display:none}.transport button,.transport .select-trigger{min-height:32px}.transport .select-trigger{padding:var(--space-1) var(--space-2)}.transport .slider-row,.transport .slider{flex:1}.transport .slider{height:32px}.speed-select{width:5.5em}.transport .volume-row,.transport .end-jump{display:none}.format-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-xs);color:var(--text-dim)}.badge{font-variant-numeric:tabular-nums}.dim{color:var(--text-dim)}.timeline{--ruler-h: 22px;--tick-h: 5px;--tick-major-h: 9px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px}.timeline-zoombar{display:flex;flex:none}.timeline-scroll{overflow-x:auto;overflow-y:hidden;touch-action:pan-x;background:var(--bg);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--border)}.timeline-inner{position:relative;min-width:100%;padding-top:var(--ruler-h);cursor:crosshair}.timeline-ruler{position:absolute;top:0;left:0;right:0;height:var(--ruler-h);background:var(--ruler-bg);box-shadow:inset 0 -1px 0 var(--border);overflow:hidden;pointer-events:none}.tick{position:absolute;top:calc(var(--ruler-h) - var(--tick-h));bottom:1px;width:1px;background:var(--border)}.tick.major{top:calc(var(--ruler-h) - var(--tick-major-h));background:var(--text-dim)}.tick-label{position:absolute;left:4px;top:calc(var(--tick-major-h) - var(--ruler-h));font-size:var(--font-xs);line-height:1.2;color:var(--text-dim);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.timeline-track,.audio-lanes{background-image:repeating-linear-gradient(to right,var(--grid-line, transparent) 0,var(--grid-line, transparent) 1px,transparent 1px,transparent var(--grid-px, 2px))}.timeline-track{position:relative;height:56px;padding:var(--space-1) 0}@media (pointer: coarse){.timeline{--ruler-h: 18px;padding:var(--space-2)}.timeline-track{height:44px}.timeline{--audio-lane-h: 34px;--audio-lanes-max: 2}.clip-bar{margin-top:var(--space-1)}}.timeline-scroll,.audio-lane-viewport{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.timeline-scroll::-webkit-scrollbar,.audio-lane-viewport::-webkit-scrollbar{width:8px;height:8px}.timeline-scroll::-webkit-scrollbar-track,.audio-lane-viewport::-webkit-scrollbar-track{background:transparent}.timeline-scroll::-webkit-scrollbar-thumb,.audio-lane-viewport::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm)}.timeline-scroll::-webkit-scrollbar-thumb:hover,.audio-lane-viewport::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.timeline-empty{position:absolute;inset:var(--space-1) var(--space-2);display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--text-dim)}.playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--playhead);box-shadow:0 0 6px -1px var(--playhead);pointer-events:none;z-index:3}.playhead:before{content:"";position:absolute;top:0;left:-4px;width:10px;height:10px;background:var(--playhead);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.clip-strip{position:absolute;top:var(--space-1);bottom:var(--space-1);display:flex;overflow:hidden;background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--bg),inset 0 0 0 2px var(--strip-edge),var(--shadow-strip);min-width:2px;cursor:pointer;transition:box-shadow .12s ease}.clip-strip:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--clip-tint-top),var(--clip-tint-bottom));border-radius:inherit;pointer-events:none;z-index:1}.clip-strip:hover{box-shadow:inset 0 0 0 1px var(--bg),inset 0 0 0 2px var(--strip-edge-hover),var(--shadow-strip)}.clip-strip.selected{outline:2px solid var(--accent);box-shadow:inset 0 0 0 1px var(--bg),inset 0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent),0 0 12px -2px color-mix(in srgb,var(--accent) 70%,transparent)}.clip-filmstrip{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.clip-filmstrip img{position:absolute;top:0;height:100%;object-fit:cover;pointer-events:none;user-select:none}.clip-waveform{position:absolute;bottom:0;height:46%;pointer-events:none;color:var(--clip-waveform);z-index:2}.clip-body{position:relative;flex:0 1 auto;align-self:flex-start;min-width:0;max-width:calc(100% - var(--space-2));margin:var(--space-1) 0 0 var(--space-1);padding:2px var(--space-2) 3px;display:flex;flex-direction:column;gap:1px;background:var(--clip-scrim);border-radius:var(--radius-sm);backdrop-filter:blur(3px);pointer-events:none;z-index:3}.clip-name{max-width:100%;font-size:var(--font-xs);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-times{max-width:100%;font-size:var(--font-xs);line-height:1.3;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-bar{display:flex;align-items:center;flex-wrap:wrap;column-gap:var(--space-3);row-gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);min-height:34px}.clip-bar-info{display:flex;align-items:baseline;gap:var(--space-2);min-width:0;flex:1 1 15rem}.clip-bar-name{font-size:var(--font-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-bar-times,.clip-bar-empty{font-size:var(--font-xs);color:var(--text-dim);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-bar-actions,.timeline-zoombar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;gap:2px}.clip-bar-actions{display:flex;flex:none}.clip-bar-speed .select-row{margin:0}.clip-bar-speed .select-row>span{display:none}.clip-bar-speed .select-trigger{min-height:32px;padding:var(--space-1) var(--space-2);font-size:var(--font-sm)}@media (max-width: 559px){.clip-bar-info{flex-basis:100%}.clip-bar-actions{margin-right:auto}}.trim-handle{position:relative;width:min(8px,50%);flex:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--accent) 85%,transparent),color-mix(in srgb,var(--accent) 60%,transparent));cursor:ew-resize;touch-action:none;z-index:4;transition:background .12s ease}.trim-handle.right{margin-left:auto}.trim-handle:before{content:"";position:absolute;inset:0 -12px}.trim-handle:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:min(14px,40%);transform:translate(-50%,-50%);border-radius:1px;background:var(--accent-contrast);opacity:.55}.trim-handle:hover,.trim-handle:active{background:var(--accent)}.clip-strip.narrow .trim-handle{pointer-events:none}.panels{background:var(--bg-panel);border-top:1px solid var(--border);display:flex;flex-direction:column;position:relative;flex:none;padding-bottom:env(safe-area-inset-bottom,0px)}.panel-tabs{display:flex;flex-direction:column;flex:1;min-height:0}.panel-tab-row{display:flex;border-bottom:1px solid var(--border)}.panel-tab-list{display:flex;flex:1 1 auto;min-width:0;overflow-x:auto}.panel-tab{flex:1 1 0;min-width:var(--hit);display:flex;align-items:center;justify-content:center;gap:var(--space-1);background:none;border:none;border-radius:0;padding:var(--space-3) var(--space-2);font-size:var(--font-lg);color:var(--text-dim);border-bottom:2px solid transparent;white-space:nowrap}.panel-tab-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.panel-tab-badge{flex:none;width:6px;height:6px;border-radius:50%}.panel-tab-badge.blocked{background:var(--danger)}.panel-tab-badge.limited{background:var(--warn)}.panel-tab:hover:not(:disabled){color:var(--text);border-color:transparent;border-bottom-color:var(--border)}.panel-tab[data-state=active]{color:var(--text);border-bottom-color:var(--accent)}.panel-tab-stack{display:none;position:absolute;left:0;right:0;bottom:100%;z-index:5;max-height:min(60dvh,480px);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);background:var(--bg-panel);border-top:1px solid var(--border);box-shadow:var(--shadow-sheet)}.panel-tabs.sheet-open .panel-tab-stack{display:grid}@media (max-width: 899px) and (prefers-reduced-motion: no-preference){.panel-tabs.sheet-open .panel-tab-stack{animation:sheet-in .16s ease-out}}@keyframes sheet-in{0%{opacity:0;transform:translateY(var(--space-2))}}.panel-tabs:not(.sheet-open) .panel-tab[data-state=active]{border-bottom-color:transparent;color:var(--text-dim)}.panel-tab-content{grid-area:1 / 1;padding:var(--space-2) var(--space-4);overflow-y:auto}.panel-tab-content[data-state=inactive]{visibility:hidden}.panel h2{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.field-label{display:block;font-size:var(--font-sm);color:var(--text-dim);margin:var(--space-2) 0 var(--space-1)}.labelled-group>.field-label{margin-top:var(--space-1)}.mode-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-1)}.mode-row label{display:flex;gap:6px;align-items:center;cursor:pointer;min-height:32px}.radio-item{width:18px;height:18px;padding:0;flex:none;border-radius:50%;border:1px solid var(--border);background:var(--bg-input);display:inline-flex;align-items:center;justify-content:center}.radio-item[data-state=checked]{border-color:var(--accent)}.radio-dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.field-grid{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.field-grid label{display:flex;flex-direction:column;gap:3px;font-size:var(--font-sm);color:var(--text-dim);flex:1 1 0;min-width:3.5em;max-width:8em}.field-grid input{width:100%}.preset-row{display:flex;gap:6px;margin-bottom:var(--space-2)}.preset.active{border-color:var(--accent);color:var(--accent)}.check-row{display:flex;gap:7px;align-items:center;cursor:pointer;margin:6px 0;min-height:32px}.check-row input[type=checkbox]{appearance:none;flex:none;width:18px;height:18px;margin:0;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);position:relative;cursor:pointer}.check-row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.check-row input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid var(--accent-contrast);border-width:0 2px 2px 0;transform:rotate(45deg)}.slider-row{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-1) 0;font-size:var(--font-md)}.slider-label{flex:none;width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slider-value{color:var(--text-dim)}.slider{position:relative;display:flex;flex:1;align-items:center;user-select:none;touch-action:none;height:28px}.slider-track{position:relative;flex:1;height:4px;border-radius:2px;background:var(--bg-elevated)}.slider-range{position:absolute;height:100%;border-radius:inherit;background:var(--accent-dim)}.slider-thumb{position:relative;display:block;width:16px;height:16px;border-radius:50%;background:var(--accent)}.slider-thumb:before{content:"";position:absolute;inset:-14px}.select-row{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-1) 0;font-size:var(--font-md)}.select-row>span{flex:none;width:44%}.select-row .select-trigger{min-width:0}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:var(--hit);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);font-size:var(--font-md);text-align:left}.select-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.select-content{z-index:10;max-height:60vh;overflow-y:auto;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text);font-size:var(--font-md)}.select-group-label{display:block;padding:var(--space-2) var(--space-2) var(--space-1);color:var(--text-dim);font-size:var(--font-xs);text-transform:uppercase}.select-item{display:flex;align-items:center;min-height:var(--hit);padding:0 var(--space-3);border-radius:var(--radius-sm);outline:none;cursor:pointer}.select-item[data-highlighted]{background:var(--accent-dim);color:var(--accent-contrast)}.select-item[data-state=checked]{color:var(--accent)}.hint{color:var(--text-dim);font-size:var(--font-sm);margin:6px 0 0}.hint-wide{display:none}.error-text{color:var(--danger);font-size:var(--font-sm)}.warn-text{color:var(--warn);font-size:var(--font-sm)}.persist-note{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3)}.add-btn{width:100%;margin-bottom:6px}.source-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.source-list li{display:flex;gap:6px;align-items:center}.source-thumb{position:relative;flex:none;width:64px;height:36px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg);display:flex;align-items:center;justify-content:center;touch-action:pan-y}.source-thumb img{width:100%;height:100%;object-fit:contain;display:block}.source-thumb-empty{color:var(--text-dim);font-size:var(--font-md)}.source-thumb-progress{position:absolute;left:0;bottom:0;height:2px;background:var(--accent)}.source-info{flex:1;min-width:0;display:flex;flex-direction:column}.source-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-md)}.source-meta{font-size:var(--font-xs);color:var(--text-dim)}.source-chip{align-self:flex-start;margin-top:2px;padding:1px var(--space-2);border:1px solid currentColor;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600}.source-chip.blocked{color:var(--danger)}.source-chip.limited{color:var(--warn)}.source-list button{padding:2px 7px;font-size:var(--font-xs);flex:none}.dialog-backdrop{position:fixed;inset:0;background:var(--overlay);z-index:10}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px var(--space-5);width:min(520px,calc(100vw - 2 * var(--space-4)));max-height:80vh;max-height:80dvh;display:flex;flex-direction:column}.dialog:focus,.dialog:focus-visible{outline:none}.dialog h2{margin:0 0 10px;flex:none}.dialog-body{flex:1;min-height:0;overflow-y:auto}.dialog-footer{flex:none;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.dialog-footer .dialog-actions{margin-top:0}.dialog-actions{display:flex;flex-direction:column;gap:10px;margin-top:var(--space-4)}.dialog-actions>*{width:100%}@media (min-width: 560px){.dialog-actions{flex-direction:row;justify-content:flex-end;flex-wrap:wrap}.dialog-actions>*{width:auto;min-width:7rem}.project-name{display:inline-flex}}.dialog-section{margin-top:var(--space-4)}.dialog-section h3{margin:0 0 var(--space-2);font-size:var(--font-sm);font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.dialog-section-actions{display:flex;flex-direction:column;gap:var(--space-2)}.dialog-section-actions>*{width:100%}.drop-zone{border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.drop-zone.over{border-color:var(--accent);background:var(--bg-input)}.drop-zone>.dialog-section-actions{margin-top:var(--space-3)}.progress-bar{width:100%;height:var(--space-4);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--accent);background-image:repeating-linear-gradient(-45deg,var(--stripe) 0 10px,transparent 10px 20px);background-size:28px 28px;animation:progress-stripes .8s linear infinite;transition:width .2s linear}.progress-bar.indeterminate .progress-bar-fill{background-color:var(--accent-dim)}@keyframes progress-stripes{to{background-position:28px 0}}@media (prefers-reduced-motion: reduce){.progress-bar-fill{animation:none}.clip-strip,.audio-item-strip,.trim-handle{transition:none}}.progress-detail{display:block;color:var(--text-dim);font-size:var(--font-sm)}.progress-meta{display:flex;justify-content:space-between;margin-top:var(--space-1);color:var(--text-dim);font-size:var(--font-sm)}.log-view{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2);font-size:var(--font-xs);max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-all}.stage-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.stage-canvas.placed{inset:auto;object-fit:fill}.clip-layout-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:5px;vertical-align:middle}.clip-color-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--warn);margin-left:5px;vertical-align:middle}.clip-speed-badge{display:inline-block;margin-left:5px;padding:0 4px;border-radius:var(--radius-sm);background:var(--accent);color:var(--bg);font-size:var(--font-xs);font-variant-numeric:tabular-nums;vertical-align:middle}.color-actions{display:flex;gap:var(--space-2);align-items:center;margin-top:var(--space-2)}.color-actions button{font-size:var(--font-sm)}@media (pointer: coarse){.transport button,.transport .select-trigger{min-width:var(--hit);min-height:var(--hit)}button,.button{min-height:var(--hit)}.source-list button{min-height:36px;min-width:36px}.panel-tab{min-height:var(--hit)}.radio-item{min-height:18px}.mode-row label{min-height:var(--hit)}}@media (min-width: 900px){.transport-monitor{gap:var(--space-3)}.transport .volume-row{display:flex;width:140px}.transport .end-jump{display:inline-flex}.tagline{display:inline}.topbar{align-items:baseline;gap:var(--space-3);padding:10px var(--space-4)}.topbar h1{font-size:var(--font-lg)}.bar-history{align-self:center}.layout{display:grid;grid-template-columns:1fr 380px;overflow:visible}.editor{overflow:hidden;padding:var(--space-3);gap:10px}.preview{min-height:0}.preview-stage-area{min-height:200px}.panels{border-top:none;border-left:1px solid var(--border);overflow-y:auto}.panel-tab-stack{display:grid;position:static;z-index:auto;max-height:none;animation:none;border-top:none;box-shadow:none;flex:1;min-height:0}.panel-tabs:not(.sheet-open) .panel-tab[data-state=active]{border-bottom-color:var(--accent);color:var(--text)}.panel-tab{flex:none;min-width:0;font-size:var(--font-sm);padding:10px var(--space-2)}.panel-tab-label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none}.panel-tab .icon{display:none}.panel-tab-content{padding:var(--space-3)}.bar-btn-label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none}.panel .slider-row,.panel .select-row{flex-direction:column;align-items:stretch;gap:var(--space-1);margin:var(--space-2) 0}.panel .slider-label,.panel .select-row>span{width:auto}.panel .slider{flex:none}.mode-row{margin-bottom:var(--space-2)}.hint-wide{display:block}}.field-row{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-3)}.field-row>span{font-size:var(--font-sm);color:var(--text-dim)}.field-row input[type=text]{width:100%;padding:6px 8px;font:inherit;font-size:var(--font-md);color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.relink-list{list-style:none;margin:var(--space-2) 0;padding:0;display:flex;flex-direction:column;gap:6px}.relink-row{display:flex;gap:6px;align-items:center}.relink-info{flex:1;min-width:0;display:flex;flex-direction:column}.relink-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-md)}.relink-meta{font-size:var(--font-xs);color:var(--text-dim)}.relink-status{flex:none;font-size:var(--font-xs);color:var(--text-dim)}.relink-row.linked .relink-status{color:var(--text)}.danger-btn{color:var(--danger);border-color:var(--danger)}.project-list{list-style:none;margin:var(--space-2) 0;padding:0;display:flex;flex-direction:column;gap:6px}.project-row{display:flex;gap:6px;align-items:stretch}.project-info{flex:1;min-width:0;display:flex;flex-direction:column}.project-row-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-md)}.project-open-tag{color:var(--accent)}.project-row-meta{font-size:var(--font-xs);color:var(--text-dim)}.warning-list{margin:var(--space-2) 0;padding-left:var(--space-4);font-size:var(--font-sm);color:var(--text-dim);display:flex;flex-direction:column;gap:4px}.capability-summary{margin:0 0 var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated)}.capability-summary.ready{border-color:var(--accent-dim)}.capability-summary.limited{border-color:var(--danger)}.capability-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.capability-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-elevated)}.capability-row+.capability-row{border-top:1px solid var(--border)}.capability-result{flex:none;font-size:var(--font-xs);font-weight:600}.capability-result.available{color:var(--accent)}.capability-result.unavailable{color:var(--danger)}.capability-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.capability-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2)}.capability-importance{color:var(--text-dim);font-size:var(--font-xs);font-weight:400}.capability-detail{color:var(--text-dim);font-size:var(--font-xs)}.capability-result.blocked{color:var(--danger)}.capability-result.limited{color:var(--warn)}.codec-matrix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.codec-matrix{--matrix-dot: 10px;width:100%;table-layout:fixed;border-collapse:collapse;font-size:var(--font-xs);font-variant-numeric:tabular-nums}.codec-matrix caption{margin-bottom:var(--space-1);text-align:left}.codec-matrix-name{display:block;font-weight:600}.codec-matrix-headline{display:block;color:var(--text-dim)}.codec-matrix th{font-weight:400;color:var(--text-dim)}.codec-matrix th[scope=row]{width:5.5ch;text-align:left}.matrix-cell{height:22px;text-align:center;border:1px solid var(--border)}.matrix-cell:before{content:"";display:inline-block;width:var(--matrix-dot);height:var(--matrix-dot);border-radius:50%;vertical-align:middle}.matrix-cell.available:before{background:var(--accent)}.matrix-cell.unavailable:before{box-shadow:inset 0 0 0 1px var(--text-dim)}.matrix-cell.pending:before{box-shadow:inset 0 0 0 1px var(--border)}.matrix-cell.current{background:color-mix(in srgb,var(--warn) 14%,transparent)}.matrix-cell.current.unavailable:before{background:var(--warn);box-shadow:none}.codec-matrix-current{margin:var(--space-2) 0 0;color:var(--text-dim);font-size:var(--font-xs)}.audio-lane-viewport{max-height:calc(var(--audio-lane-h) * var(--audio-lanes-max));overflow-y:auto;touch-action:pan-x pan-y;background-image:repeating-linear-gradient(to bottom,var(--lane-stripe) 0,var(--lane-stripe) var(--audio-lane-h),transparent var(--audio-lane-h),transparent calc(var(--audio-lane-h) * 2))}.audio-lanes{position:relative}.audio-item-strip{position:absolute;display:flex;overflow:hidden;align-items:center;background-color:var(--audio-dim);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--bg),inset 2px 0 0 var(--audio),var(--shadow-strip);min-width:2px;cursor:grab;transition:box-shadow .12s ease}.audio-item-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#ffffff14,#0000002e);pointer-events:none;z-index:0}.audio-item-strip:hover{box-shadow:inset 0 0 0 1px var(--bg),inset 0 0 0 2px var(--strip-edge-hover),inset 2px 0 0 var(--audio),var(--shadow-strip)}.audio-item-strip.selected{box-shadow:inset 0 0 0 2px var(--audio),0 0 12px -2px color-mix(in srgb,var(--audio) 70%,transparent)}.audio-item-strip.muted{opacity:.5;filter:saturate(.35)}.audio-waveform{position:absolute;top:0;height:100%;pointer-events:none;color:var(--audio);opacity:.85;z-index:1}.audio-item-body{flex:0 1 auto;min-width:0;max-width:calc(100% - var(--space-2));margin-left:var(--space-1);padding:1px var(--space-2) 2px;background:var(--clip-scrim);border-radius:var(--radius-sm);backdrop-filter:blur(3px);pointer-events:none;z-index:2}.audio-item-name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-xs);line-height:1.35;color:var(--text)}.audio-fade{position:absolute;top:0;bottom:0;pointer-events:none}.audio-fade.in{left:0;background:linear-gradient(to right,var(--bg) 0%,transparent 100%)}.audio-fade.out{right:0;background:linear-gradient(to left,var(--bg) 0%,transparent 100%)}.audio-item-list{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-2) 0}.audio-item-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input)}.audio-item-row.selected{border-color:var(--audio)}.audio-item-select{display:flex;width:100%;justify-content:space-between;gap:var(--space-2);align-items:baseline;padding:var(--space-2);background:none;border:none;color:var(--text);font:inherit;cursor:pointer;text-align:left}.audio-item-row-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.audio-item-row-times{flex:none;font-size:var(--font-xs);color:var(--text-dim)}.audio-item-editor{padding:0 var(--space-2) var(--space-2)}.number-field{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-1) 0;min-width:0}.number-field-label{font-size:var(--font-xs);color:var(--text-dim)}.number-field input{width:100%;min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text);font:inherit}.mic-level{height:6px;border-radius:3px;background:var(--bg-input);overflow:hidden;margin:var(--space-1) 0 var(--space-2)}.mic-level-fill{height:100%;background:var(--audio)}.field-pair{display:flex;gap:var(--space-2)}.field-pair>*{flex:1}@media (max-height: 500px){.topbar{padding:2px var(--space-3)}.topbar button{min-height:32px}.bar-btn{padding:2px var(--space-2)}.transport button,.transport .select-trigger,.clip-bar button{min-height:32px}.timeline{padding:var(--space-1) var(--space-3)}.clip-bar{margin-top:var(--space-1);padding-top:var(--space-1)}.panel-tab{min-height:0;padding:var(--space-2)}.preview-stage-area{min-height:80px}}@media (max-height: 500px) and (max-width: 899px){.panel-tab-stack{max-height:70dvh}}