.sequence-timeline{flex-direction:column;flex:1;width:100%;min-width:0;max-width:100%;min-height:0;display:flex}.sequence-timeline-tools{justify-content:space-between;align-items:center;gap:16px;padding:4px 0 7px;display:flex}.sequence-length{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.sequence-length>span{color:var(--secondary)}.sequence-zoom{align-items:center;gap:3px;display:flex}.sequence-zoom button{min-width:30px;min-height:28px;padding:3px 7px;font-size:11px}.sequence-zoom .snap-toggle{margin-right:8px}.sequence-zoom .snap-toggle[aria-pressed=true]{background:var(--motion);border-color:var(--ink);color:var(--ink);box-shadow:inset 0 -2px 0 var(--line)}.sequence-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--control-border) var(--panel-lo);border-top:1px solid var(--line);background:var(--panel-lo);flex:1;width:100%;min-width:0;min-height:0;overflow:auto}.sequence-canvas{isolation:isolate;-webkit-user-select:none;user-select:none;background:var(--panel);min-width:100%;position:relative}.sequence-ruler-shell{z-index:8;background:var(--panel-hi);border-bottom:1px solid var(--border);height:36px;position:sticky;top:0}.sequence-ruler-gutter{background:var(--panel-hi);z-index:2;width:64px;height:36px;display:block;position:sticky;left:0}.sequence-ruler{cursor:ew-resize;touch-action:none;height:36px;position:absolute;top:0}.sequence-tick{height:36px;color:var(--secondary);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;padding-top:6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;position:absolute;top:0}.sequence-tick:after{content:"";border-left:1px solid var(--control-border);height:6px;position:absolute;bottom:0;left:0}.sequence-row{--clip-color:var(--video);border-bottom:1px solid var(--border);height:64px;position:absolute;left:0;right:0}.sequence-track-label{z-index:5;background:var(--panel-hi);border-right:1px solid var(--border);width:64px;height:64px;color:var(--ink);justify-content:flex-start;align-items:flex-start;padding-top:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:600;display:flex;position:sticky;left:0}.sequence-track-label>span{border-left:3px solid var(--clip-color);padding:8px}.sequence-track-label button{border-color:#0000;border-left:3px solid var(--clip-color);border-radius:0 var(--radius) var(--radius) 0;background:0 0;width:48px;min-height:32px;padding:4px;font-family:inherit}.sequence-track-label button[aria-pressed=true]{background:var(--pressed);border-color:var(--control-border);border-left-color:var(--clip-color);color:var(--ink)}.sequence-lane{height:64px;position:absolute;top:0}.sequence-clip{--clip-color:var(--video);--clip-fill:var(--clip-color);z-index:1;height:36px;position:absolute;top:8px}.sequence-clip.is-selected{z-index:2}.sequence-clip-body{border:1px solid var(--line);border-radius:var(--radius);background:var(--clip-fill);width:100%;height:36px;min-height:0;color:var(--ink);text-align:left;cursor:grab;touch-action:none;justify-content:flex-start;gap:6px;padding:2px 18px;display:flex;position:relative;overflow:hidden}.sequence-clip.is-selected .sequence-clip-body{border:2px solid var(--ink);background:var(--clip-fill);outline:1px solid var(--panel-hi);outline-offset:1px;padding:1px 17px}.sequence-clip-body img{object-fit:contain;border:1px solid color-mix(in srgb, var(--line) 35%, transparent);background:color-mix(in srgb, var(--line) 12%, transparent);pointer-events:none;border-radius:1px;flex:0 0 38px;width:38px;height:24px;display:block}.sequence-clip-copy{pointer-events:none;flex-direction:column;gap:2px;min-width:0;display:flex}.sequence-clip-copy>span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.sequence-clip-copy>.sequence-clip-meta{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:400;display:flex}.sequence-clip-number,.sequence-clip.is-compact .sequence-clip-copy{display:none}.sequence-trim{cursor:ew-resize;touch-action:none;visibility:hidden;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;width:16px;min-height:0;padding:0;display:flex;position:absolute;top:1px;bottom:1px}.sequence-trim-start{left:1px}.sequence-trim-end{right:1px}.sequence-trim>span{border-left:1px solid var(--ink);border-right:1px solid var(--ink);pointer-events:none;width:3px;height:20px}.sequence-clip.is-selected .sequence-trim,.sequence-clip:focus-within .sequence-trim{visibility:visible}.sequence-clip.is-narrow .sequence-clip-body{padding:0;overflow:visible}.sequence-clip.is-narrow .sequence-clip-body img,.sequence-clip.is-narrow .sequence-clip-copy{display:none}.sequence-clip.is-narrow .sequence-clip-number{border:1px solid var(--control-border);border-radius:var(--radius);background:var(--panel-hi);width:22px;height:24px;color:var(--ink);justify-content:center;align-items:center;margin-left:-11px;font-size:10px;display:flex;position:absolute;top:6px;left:50%}.sequence-clip.is-narrow .sequence-trim{background:var(--panel-hi);border:1px solid var(--control-border);width:26px;height:18px;top:36px;bottom:auto}.sequence-clip.is-narrow .sequence-trim-start{left:max(0px,50% - 29px)}.sequence-clip.is-narrow .sequence-trim-end{left:max(32px,50% + 3px);right:auto}.sequence-clip.is-narrow .sequence-trim>span{height:12px}.sequence-drag-ghost{z-index:3;border:2px dashed var(--ink);border-radius:var(--radius);background:color-mix(in srgb, var(--video) 25%, transparent);pointer-events:none;height:30px;position:absolute;top:11px}.sequence-playhead{z-index:3;touch-action:none;cursor:ew-resize;background:0 0;border:0;border-radius:2px;width:24px;height:24px;min-height:0;margin-left:-12px;padding:0;position:absolute;top:12px}.sequence-playhead>span{background:var(--video);clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);pointer-events:none;width:12px;height:16px}.sequence-playhead-line,.sequence-snap-line{z-index:4;background:var(--line);pointer-events:none;width:1px;position:absolute;top:36px}.sequence-snap-line{background:var(--focus);width:2px}.sequence-timeline :focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.sequence-clip:not(.is-selected) .sequence-clip-body:hover{background:color-mix(in srgb, var(--clip-color) 90%, var(--panel-hi));border-color:var(--line)}.sequence-clip.is-selected .sequence-clip-body:hover{background:color-mix(in srgb, var(--clip-color) 90%, var(--panel-hi))}.sequence-trim:not(:disabled):hover{background:color-mix(in srgb, var(--line) 12%, transparent)}.sequence-playhead:not(:disabled):hover{background:0 0}}.sequence-trim:not(:disabled):active{background:color-mix(in srgb, var(--line) 20%, transparent)}.sequence-playhead:not(:disabled):active{background:0 0}@media (pointer:coarse){.sequence-zoom button{min-width:36px;min-height:34px}.sequence-trim{width:24px}.sequence-clip-body{padding-left:25px;padding-right:25px}.sequence-clip.is-selected .sequence-clip-body{padding-left:24px;padding-right:24px}.sequence-clip.is-narrow .sequence-trim{width:30px;height:22px;top:34px}}.sequence-row[data-kind=text],.sequence-clip[data-kind=text]{--clip-color:var(--text)}.sequence-row.has-selection{background:var(--panel-hi)}.sequence-clip.is-moving .sequence-clip-body{cursor:grabbing;border-style:dashed}.sequence-audio{align-items:center;gap:4px;font-family:inherit;display:inline-flex}.sequence-audio:before{content:"";border:1px solid var(--ink);background:var(--audio);border-radius:1px;flex:0 0 6px;width:6px;height:6px}.sequence-audio.is-muted:before{background:0 0}.sequence-playhead-line,.sequence-snap-line{box-shadow:1px 0 0 var(--panel-hi)}.sequence-timeline .sequence-clip-body:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sequence-ruler:focus-visible{outline-offset:-3px}.sequence-clip-body:not(:disabled):active{background:var(--clip-color);cursor:grabbing}button.upcoming-control:disabled{border-color:var(--border);width:100%;min-height:38px;color:var(--secondary);box-shadow:none;background:0 0;border-style:dashed;justify-content:flex-start;gap:8px;padding:6px 8px}.upcoming-control>.icon{width:14px;height:14px;color:var(--metadata)}.upcoming-copy{flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.upcoming-label{text-align:left;font-size:11px;font-weight:500;line-height:1.35}.upcoming-badge{color:var(--metadata);white-space:nowrap;font-size:9px;font-weight:400;line-height:1.35}.upcoming-control.is-compact .upcoming-copy{flex-direction:column;align-items:flex-start;gap:1px}.header-actions>button.upcoming-control:disabled{border-style:solid;flex:none;width:auto;min-height:32px;padding:3px 8px}.project-summary>.upcoming-control{margin-top:11px}.inspector-fields.workbench-inspector{border:0;min-width:0;margin:0;padding:0 12px;display:block}.inspector-empty{color:var(--secondary);justify-items:center;gap:11px;padding:32px 12px;font-size:12px;display:grid}.inspector-empty svg{color:var(--metadata)}.inspector-selection{border-bottom:1px solid var(--border);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;padding:12px 0 11px;display:grid}.inspector-selection-image{border:1px solid var(--control-border);border-radius:var(--radius);background:var(--panel-lo);width:48px;height:44px;color:var(--secondary);place-items:center;font:20px/1 Georgia,serif;display:grid;overflow:hidden}.inspector-selection-image img{object-fit:contain;width:100%;height:100%;display:block}.inspector-selection-copy{min-width:0}.inspector-selection-kind{color:var(--secondary);align-items:center;gap:5px;margin-bottom:4px;font-size:10px;line-height:1.3;display:flex}.inspector-selection-kind:before{content:"";background:var(--video);width:5px;height:5px}.inspector-selection[data-kind=text] .inspector-selection-kind:before{background:var(--text)}.workbench-inspector .item-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:650;line-height:1.3;overflow:hidden}.inspector-selection-meta{color:var(--metadata);font-variant-numeric:tabular-nums;margin-top:4px;font-size:10px;line-height:1.4}.inspector-selection-duration{color:var(--secondary);grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:8px;font-size:10px;line-height:1.5;display:flex}.inspector-selection-duration>:last-child{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.workbench-inspector .inspector-section{border-bottom:1px solid var(--border);gap:9px;min-width:0;padding:13px 0;display:grid}.workbench-inspector .inspector-section:last-child{border-bottom:0}.inspector-section-heading{justify-content:space-between;align-items:center;gap:8px;min-height:18px;margin-bottom:1px;display:flex}.inspector-section-heading h3{color:var(--ink);margin:0;font-size:11px;font-weight:650;line-height:1.4}.workbench-inspector button.inspector-reset{min-height:22px;color:var(--secondary);justify-self:start;padding:2px 4px;font-size:10px;text-decoration:none}.workbench-inspector button.inspector-reset:not(:disabled):hover{background:var(--hover);color:var(--ink)}.workbench-inspector label,.workbench-text-fields label{gap:4px;font-size:11px}.workbench-inspector input,.workbench-inspector select,.workbench-text-fields input,.workbench-text-fields select,.workbench-text-fields textarea{border-color:var(--control-border);border-radius:var(--radius);background:var(--panel-hi);min-height:30px;color:var(--ink);font-size:11px}.workbench-inspector input:disabled,.workbench-inspector select:disabled,.workbench-inspector textarea:disabled{color:var(--metadata);background:var(--panel)}.workbench-inspector .field-pair,.workbench-text-fields .field-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.workbench-inspector .number-field input,.workbench-text-fields .number-field input{font-variant-numeric:tabular-nums;padding:6px 25px 6px 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.workbench-inspector .number-field>span,.workbench-text-fields .number-field>span{color:var(--metadata);font-size:10px;right:8px}.workbench-inspector .inspector-scale{grid-template-columns:1fr minmax(0,1fr);align-items:center;gap:8px}.workbench-inspector .check-field,.workbench-text-fields .check-field{align-items:center;gap:7px;min-height:26px;display:flex}.workbench-inspector input[type=checkbox],.workbench-text-fields input[type=checkbox]{width:14px;height:14px;min-height:0;accent-color:var(--ink)}.workbench-text-fields{gap:9px;min-width:0;display:grid}.workbench-text-fields textarea{padding:7px 8px;line-height:1.5}.workbench-text-fields .color-field input{height:30px;padding:3px}.workbench-text-fields .field-pair>.check-field{align-self:end;min-height:30px}.workbench-text-fields button[type=submit]{min-height:30px;font-size:11px}.workbench-inspector .inspector-effects{justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.inspector-effects .inspector-section-heading{margin:0}.inspector-effects button.upcoming-control:disabled{flex:1;width:auto;max-width:132px;min-height:34px;padding:4px 7px}.composition-preview{background:0 0;justify-content:center;align-items:center;width:100%;height:100%;min-height:120px;display:flex;overflow:hidden}.composition-board{isolation:isolate;box-shadow:0 0 0 1px var(--control-border);background:#000;flex:none;position:relative;overflow:hidden}.composition-board>canvas{width:100%;height:100%;display:block}.layer-hitbox{cursor:move;touch-action:none;box-sizing:border-box;border:1px solid #0000;position:absolute}.layer-hitbox.selected{outline:1px solid var(--panel-hi);outline-offset:-1px;border-color:var(--viewer)}.layer-hitbox:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;border-color:var(--viewer)}.layer-handle{border:1px solid var(--viewer);background:var(--panel-hi);touch-action:none;width:14px;min-width:0;height:14px;min-height:0;box-shadow:0 0 0 1px color-mix(in srgb, var(--panel-hi) 40%, transparent);border-radius:1px;padding:0;position:absolute}.layer-handle.nw{cursor:nwse-resize;top:-6px;left:-6px}.layer-handle.ne{cursor:nesw-resize;top:-6px;right:-6px}.layer-handle.sw{cursor:nesw-resize;bottom:-6px;left:-6px}.layer-handle.se{cursor:nwse-resize;bottom:-6px;right:-6px}.layer-handle:after{content:"";position:absolute;inset:-6px}.layer-handle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.preview-empty,.preview-loading{color:var(--panel-hi);pointer-events:none;position:absolute}.preview-empty{place-items:center;font-size:13px;font-weight:400;display:grid;inset:0}.preview-loading{background:var(--viewer);border:1px solid color-mix(in srgb, var(--panel-hi) 28%, transparent);border-radius:var(--radius);padding:6px 9px;font-size:11px;bottom:12px;left:12px}@media (hover:hover) and (pointer:fine){.layer-handle:not(:disabled):hover{background:var(--motion)}}.layer-handle:not(:disabled):active{background:var(--motion)}@media (pointer:coarse){.layer-handle{width:20px;height:20px}}.cutout-controls{border-top:1px solid var(--border);gap:9px;margin:0;padding:13px 12px 15px;font-size:11px;display:grid}.cutout-controls[data-active=true]{background:var(--panel-hi)}.cutout-heading{justify-content:space-between;align-items:center;gap:8px;min-height:22px;display:flex}.cutout-heading h3{align-items:center;gap:7px;margin:0;font-size:11px;font-weight:650;display:flex}.cutout-heading h3 svg{color:var(--secondary);flex:none}.cutout-controls button{min-height:30px;padding:5px 8px;font-size:11px;line-height:1.3}.cutout-heading .cutout-done{min-height:24px;padding:3px 7px;font-size:10px}.cutout-controls .cutout-activate{width:100%}.cutout-buttons{gap:6px;min-width:0;display:flex}.cutout-buttons button{flex:1;min-width:0}.cutout-point-modes{gap:0}.cutout-point-modes button{border-radius:0}.cutout-point-modes button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.cutout-point-modes button:last-child{border-radius:0 var(--radius) var(--radius) 0;margin-left:-1px}.cutout-point-modes button[aria-pressed=true]{z-index:1;border-color:var(--ink);font-weight:650;position:relative}.cutout-point-modes .cutout-include[aria-pressed=true]{background:var(--audio);color:var(--ink)}.cutout-point-modes .cutout-exclude[aria-pressed=true]{background:var(--video);color:var(--ink)}.cutout-point-modes button:focus-visible{z-index:2}.cutout-selection-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.cutout-meta{color:var(--secondary);font-variant-numeric:tabular-nums;font-size:10px;line-height:1.5}.cutout-ready{color:var(--secondary);align-items:center;gap:4px;font-size:10px;display:inline-flex}.cutout-ready:before{content:"";background:var(--audio);border:1px solid var(--ink);border-radius:50%;width:5px;height:5px}.cutout-refine button{min-height:26px;color:var(--secondary);font-size:10px}.cutout-create-actions{padding-top:4px}.cutout-controls .cutout-activate:not(:disabled),.cutout-controls .cutout-create:not(:disabled){background:var(--audio);border-color:color-mix(in srgb, var(--audio) 65%, var(--ink));color:var(--ink)}.cutout-controls .cutout-remove:not(:disabled){color:var(--danger)}.cutout-controls .cutout-remove:not(:disabled):hover{background:var(--hover)}.cutout-controls .cutout-activate:not(:disabled):hover,.cutout-controls .cutout-create:not(:disabled):hover{background:color-mix(in srgb, var(--audio) 82%, var(--panel-hi))}.cutout-controls .cutout-activate:not(:disabled):active,.cutout-controls .cutout-create:not(:disabled):active{background:color-mix(in srgb, var(--audio) 88%, var(--ink))}.cutout-limit{border-left:2px solid var(--video);background:var(--panel);color:var(--secondary);padding:7px 8px;font-size:10px;line-height:1.5}.cutout-progress{color:var(--secondary);gap:7px;font-size:10px;display:grid}.cutout-job-progress{border-top:1px solid var(--border);padding-top:9px}.cutout-job-progress>button{justify-self:start}.cutout-progress progress{height:4px;accent-color:var(--audio)}.cutout-progress progress::-webkit-progress-value{background:var(--audio)}.cutout-progress progress::-moz-progress-bar{background:var(--audio)}.cutout-error{border-left:2px solid var(--danger);background:var(--panel-hi);color:var(--danger);overflow-wrap:anywhere;padding:7px 8px;line-height:1.5}.cutout-surface{cursor:crosshair;touch-action:none;z-index:2;position:absolute;inset:0}.cutout-surface[aria-disabled=true]{cursor:wait}.cutout-surface:focus-visible{outline:2px solid var(--panel-hi);outline-offset:-2px}.cutout-mask-clip{pointer-events:none;position:absolute;overflow:hidden}.cutout-mask{background:var(--audio);opacity:.5;position:absolute;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.cutout-point{border:1px solid var(--ink);width:18px;height:18px;color:var(--ink);background:var(--panel-hi);pointer-events:none;border-radius:50%;place-items:center;margin:-9px 0 0 -9px;font:700 14px/1 monospace;display:grid;position:absolute}.cutout-point.exclude{background:var(--video)}.cutout-cursor{border:1px dashed var(--panel-hi);pointer-events:none;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute}:root{color:#171916;font-synthesis:none;text-rendering:optimizelegibility;--bg:#e8e9e5;--panel:#f3f3ee;--panel-hi:#fbfbf7;--panel-lo:#dcded8;--ink:#171916;--secondary:#555a52;--metadata:#62665e;--border:#b7bcb2;--control-border:#8b9386;--hover:#e6e9e0;--pressed:#d5dacd;--line:#292e27;--radius:2px;--focus:#2866ab;--video:#ff5638;--audio:#48c7a4;--text:#f6d63a;--motion:#69acd8;--danger:#ad3428;--viewer:#141715;--on-accent:#171916;background:#e8e9e5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:960px;margin:0}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--control-border);border-radius:var(--radius);background:var(--panel-hi);min-height:32px;color:var(--ink);cursor:pointer;box-shadow:none;justify-content:center;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:550;line-height:1.3;text-decoration:none;display:inline-flex}button:disabled{color:#83897e;cursor:default;box-shadow:none;background:#e9ebe4;border-color:#c6cabf}button.primary,.button.primary{background:var(--ink);color:var(--panel-hi);border-color:var(--ink)}button.primary:disabled{color:#797f72;background:#dce0d5;border-color:#c6cabf}button.destructive{color:var(--danger)}button.destructive:disabled{color:#83897e}button.text-button{min-height:26px;box-shadow:none;text-underline-offset:3px;background:0 0;border:0;justify-content:flex-start;padding:4px 0;text-decoration:underline}button.icon-button{width:32px;min-width:32px;padding:5px}.icon{flex:none;display:block}a{color:inherit;text-underline-offset:3px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.35px;white-space:nowrap;font-size:13px;font-weight:750}h2{letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:750}h3{font-size:11px;font-weight:650}input,select,textarea{border:1px solid var(--control-border);border-radius:var(--radius);background:var(--panel-hi);width:100%;min-width:0;color:var(--ink);min-height:32px;padding:6px 8px;font-size:12px}input::placeholder,textarea::placeholder{color:#747c6c}textarea{resize:vertical;line-height:1.5}input[type=checkbox]{width:15px;height:15px;min-height:0;accent-color:var(--ink);flex:none;margin:0}input[type=color]{height:32px;padding:4px}label{color:var(--secondary);gap:5px;min-width:0;font-size:11px;display:grid}progress{width:100%;height:4px;accent-color:var(--video);border:0;border-radius:0;display:block}progress::-webkit-progress-bar{background:var(--panel-lo)}progress::-webkit-progress-value{background:var(--video)}progress::-moz-progress-bar{background:var(--video)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.editor{--preview-min-height:240px;--library-width:200px;--inspector-width:232px;grid-template-columns:var(--library-width) minmax(0, 1fr) var(--inspector-width);grid-template-rows:56px max-content minmax(var(--preview-min-height), 1fr) var(--timeline-height,260px) 30px;background:var(--panel);height:100dvh;min-height:640px;display:grid;overflow:hidden}.editor.media-collapsed{--library-width:0px}.editor.inspector-collapsed{--inspector-width:0px}.editor-header{border-bottom:1px solid var(--line);background:var(--panel);grid-area:1/1/auto/-1;justify-content:space-between;align-items:center;gap:18px;padding:0 14px;display:flex}.editor-identity{align-items:center;gap:9px;min-width:0;display:flex}.brand-mark{background:var(--video);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.brand-mark .icon{width:18px;height:18px}.project-divider{background:var(--border);width:1px;height:20px;margin:0 8px}.project-name{color:var(--secondary);white-space:nowrap;font-size:11px}.header-actions{align-items:center;gap:14px;display:flex}.panel-toggles{border-right:1px solid var(--border);gap:4px;padding-right:14px;display:flex}.panel-toggles button{box-shadow:none;background:0 0}.panel-toggles button[aria-expanded=true]{background:var(--panel-hi);border-color:var(--control-border)}.panel-toggles button[aria-expanded=false]{color:var(--secondary);border-color:#0000}.canvas-picker{white-space:nowrap;flex:none;align-items:center;gap:8px;display:flex}.canvas-picker>span{font-size:10px}.canvas-picker select{width:117px;font-size:11px}.export-button{min-width:114px}button.primary.export-button:not(:disabled){background:var(--video);color:var(--ink);border-color:var(--ink)}.export-button .icon{color:currentColor}button.primary.export-button:not(:disabled):hover{border-color:var(--ink);background:#ff7057}button.primary.export-button:not(:disabled):active{border-color:var(--ink);background:#e8482b}.import-button:not(:disabled) .icon{color:#b13e26}.editor-messages{grid-area:2/1/auto/-1;max-height:112px;overflow:auto}.editor-notice,.editor-error{border-bottom:1px solid var(--border);background:#f6efc6;justify-content:space-between;align-items:center;gap:16px;padding:8px 14px;font-size:12px;display:flex}.editor-error{color:var(--danger);background:#f7ddd5}.editor-error p,.editor-notice p{overflow-wrap:anywhere;min-width:0}.editor-error button,.editor-notice button{flex:none;min-height:26px;padding:4px 8px}.editor-workspace{display:contents}.media-panel,.inspector-panel{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.media-panel{border-right:1px solid var(--line);grid-area:3/1/5}.inspector-panel{border-left:1px solid var(--line);grid-area:3/3/5}.panel-heading{border-bottom:1px solid var(--border);flex:0 0 38px;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:0 12px;display:flex}.panel-heading>span{color:var(--metadata);white-space:nowrap;font-size:10px}.panel-count{font-variant-numeric:tabular-nums}.media-toolbar{border-bottom:1px solid var(--border);flex:none;padding:10px}.media-actions{gap:6px;display:flex}.media-actions button{white-space:nowrap;flex:1;gap:4px;padding:5px;font-size:10px}.media-actions button .icon{width:12px;height:12px}.media-actions .import-button{border-color:var(--ink)}.media-search{align-items:center;margin-top:12px;display:flex;position:relative}.media-search>.icon{width:14px;height:14px;color:var(--metadata);pointer-events:none;position:absolute;left:9px}.media-search input{padding-left:29px;padding-right:30px;font-size:11px}.media-search>button{width:28px;min-width:28px;height:28px;min-height:28px;box-shadow:none;background:0 0;border:0;position:absolute;right:1px}.media-search>button .icon{width:12px;height:12px}.media-filters{gap:4px;margin-top:9px;display:flex}.media-filters button{min-height:25px;box-shadow:none;background:0 0;border-color:#0000;flex:1;padding:3px 4px;font-size:10px}.media-filters button[aria-pressed=true]{border-color:var(--ink);background:var(--text);color:var(--ink)}.media-filters button span{opacity:.7;font-size:9px}.media-scroll,.inspector-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--control-border) transparent;flex:1;min-height:0;overflow-y:auto}.media-scroll{padding:10px}.media-list{gap:16px;display:grid}.media-item{min-width:0}.media-thumbnail{aspect-ratio:16/9;border:1px solid var(--control-border);background:var(--panel-lo);border-radius:2px;position:relative;overflow:hidden}.media-poster{object-fit:contain;width:100%;height:100%;display:block}.media-kind,.media-duration,.media-used{color:#f8faf3;background:#141411d4;border-radius:2px;align-items:center;font-size:9px;display:flex;position:absolute}.media-kind{padding:3px;top:5px;left:5px}.media-kind .icon{width:12px;height:12px}.media-duration{font-variant-numeric:tabular-nums;padding:3px 5px;bottom:5px;right:5px}.media-used{color:#1e4535;background:#b9e3d0;padding:3px 5px;font-weight:600;top:5px;right:5px}.media-item-info{min-width:0;padding-top:6px}.media-name,.item-title{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.media-item-info>span{color:var(--metadata);font-variant-numeric:tabular-nums;margin-top:3px;font-size:10px;display:block}.media-item-actions{gap:5px;margin-top:7px;display:flex}.media-item-actions button{flex:1;min-height:26px;padding:3px 6px;font-size:10px}.media-item-actions .icon{width:12px;height:12px}.media-empty{color:var(--secondary);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 0;font-size:12px;display:flex}.media-empty>.icon{width:26px;height:26px;color:var(--metadata)}.media-empty>p{color:var(--ink);font-weight:600}.media-empty>span{font-size:11px;line-height:1.6}.project-summary{border-top:1px solid var(--border);background:var(--panel);flex:none;padding:11px 12px}.module-heading{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.module-heading h3{letter-spacing:.1em;text-transform:uppercase;font-size:9px}.module-heading>span{color:var(--metadata);font-size:10px}.project-summary dl{gap:5px;margin:0;font-size:11px;display:grid}.project-summary dl>div{justify-content:space-between;align-items:center;display:flex}.project-summary dt{color:var(--secondary)}.project-summary dd{font-variant-numeric:tabular-nums;margin:0;font-size:10px}.media-limits{color:var(--metadata);margin-top:12px;font-size:9px}.panel-empty{color:var(--secondary);padding:20px 12px;font-size:12px}.import-progress{color:var(--secondary);background:var(--panel-hi);border:1px solid var(--border);border-radius:2px;gap:8px;margin-bottom:14px;padding:10px;font-size:11px;display:grid}.new-text{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:16px}.preview-panel{min-width:0;min-height:var(--preview-min-height);background:var(--bg);flex-direction:column;grid-area:3/2;display:flex}.preview-panel .panel-heading{background:var(--panel);flex-basis:30px;min-height:30px}.metadata-divider{color:var(--control-border);padding:0 6px}.preview-surface{background:0 0;flex:1;min-width:0;min-height:0;margin:8px 8px 0;overflow:hidden}.transport{flex:0 0 44px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:6px 8px;display:grid}.preview-mode{color:var(--secondary);white-space:nowrap;font-size:10px}.transport-buttons{gap:4px;display:flex}.transport-buttons button{min-height:30px}.transport-buttons .play-button{background:var(--text);border-color:var(--ink);min-width:70px;color:var(--ink)}.playback-time{font-variant-numeric:tabular-nums;white-space:nowrap;justify-self:end;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.playback-time>span{color:var(--secondary)}.field-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.number-field{align-items:center;min-width:0;display:flex;position:relative}.number-field input{appearance:textfield;font-variant-numeric:tabular-nums;padding-right:26px}.number-field input::-webkit-inner-spin-button{appearance:none}.number-field>span{color:var(--metadata);pointer-events:none;font-size:10px;position:absolute;right:8px}.check-field{align-items:center;gap:8px;min-height:32px;display:flex}.text-fields{gap:10px;min-width:0;display:grid}.timeline-panel{border-top:1px solid var(--line);background:var(--panel);flex-direction:column;grid-area:4/2;min-width:0;min-height:0;padding:0 10px 10px;display:flex}.timeline-resizer{cursor:ns-resize;touch-action:none;flex:0 0 8px;height:8px;margin:-1px -10px 0;position:relative}.timeline-resizer:after{content:"";background:var(--control-border);width:36px;height:2px;position:absolute;top:3px;left:calc(50% - 18px)}.timeline-heading{justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:0 0 6px;display:flex}.timeline-heading>h2{margin-left:3px}.timeline-actions{scrollbar-width:thin;align-items:center;gap:4px;min-width:0;padding:2px;display:flex;overflow-x:auto}.timeline-actions button{white-space:nowrap;min-height:28px;padding:4px 7px;font-size:10px}.timeline-actions button.icon-button{width:28px;min-width:28px;padding:4px}.timeline-actions .icon{width:14px;height:14px}.action-divider{background:var(--border);flex:0 0 1px;align-self:stretch;width:1px;margin:4px 3px}.editor-footer{border-top:1px solid var(--line);color:var(--metadata);background:var(--panel-lo);grid-area:5/1/auto/-1;justify-content:space-between;align-items:center;gap:16px;padding:0 14px;font-size:10px;display:flex}.workspace-status{align-items:center;gap:6px;display:inline-flex}.status-dot{background:#a48c25;border-radius:50%;width:6px;height:6px}.status-dot.is-ready{background:#298362}.status-dot.is-error{background:var(--danger)}.export-result{color:var(--ink);align-items:center;gap:10px;min-width:0;display:flex}.export-result progress{width:100px}@media (hover:hover) and (pointer:fine){button:not(:disabled):hover,.button:hover{background:var(--hover);border-color:var(--ink)}button.primary:not(:disabled):hover,.button.primary:hover{background:#353c30;border-color:#353c30}button.destructive:not(:disabled):hover{background:#f7d1c6}.media-filters button[aria-pressed=true]:hover{color:var(--ink);background:#ffe05b}.transport-buttons .play-button:not(:disabled):hover{background:#ffe05b}.timeline-resizer:hover:after{background:var(--ink)}}button:not(:disabled):active,.button:active{background:var(--pressed);box-shadow:none}button.primary:not(:disabled):active{background:#454e3d}@media (width<=1200px){.editor{--library-width:192px;--inspector-width:216px}.editor-header{gap:12px}.project-name,.project-divider{display:none}.media-toolbar,.media-scroll{padding-left:10px;padding-right:10px}.media-actions button{gap:4px;font-size:10px}.media-actions button .icon{width:12px;height:12px}.transport{grid-template-columns:auto 1fr}.preview-mode{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}
