.editor-app{--panel-divider:1px solid var(--color-hairline);background:var(--color-canvas);height:100dvh;color:var(--color-ink);flex-direction:column;display:flex;overflow:hidden}.skip-link{z-index:10;top:var(--spacing-xs);left:var(--spacing-xs);border:var(--panel-divider);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-ink);font-size:var(--text-body-md);position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.editor-topbar{z-index:1050;border-bottom:var(--panel-divider);background:var(--color-canvas-elevated);flex:none}.application-bar,.workspace-bar,.menu-bar,.panel-tabs,.topbar-actions,.brand-mark,.project-title,.panel-heading,.timeline-tabs,.timeline-toolbar,.edit-tools,.timeline-actions,.monitor-heading,.monitor-controls,.transport-actions,.project-controls,.project-footer{align-items:center;display:flex}.application-bar{z-index:20;gap:var(--spacing-md);min-height:2.75rem;padding:0 var(--spacing-md);position:relative}.brand-mark{color:var(--color-ink);justify-content:center;text-decoration:none}.brand-glyph{border-radius:var(--radius-sm);color:#fff;background:linear-gradient(45deg,#ff1414 0%,#fc3f3f 27%,#ff930f 100%);place-items:center;width:1.625rem;height:1.625rem;display:grid;box-shadow:0 2px 8px #ff141466}.menu-bar{gap:2px}.file-menu,.application-menu{position:relative}.menu-button,.workspace-tab,.panel-tab,.panel-menu-button{color:var(--color-body);font-size:var(--text-body-sm);background:0 0;border:0}.menu-button{border-radius:var(--radius-sm);padding:.375rem .5rem}.file-menu>.menu-button[aria-expanded=true]{background:var(--color-hairline-soft);color:var(--color-ink)}.file-menu-items{z-index:1100;border:var(--panel-divider);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);min-width:12rem;max-height:calc(100vh - 3.5rem);padding:var(--spacing-xxs);box-shadow:var(--shadow-floating);position:absolute;top:calc(100% + .25rem);left:0;overflow-y:auto}.file-menu-items button{border-radius:var(--radius-sm);width:100%;min-height:2rem;padding:0 var(--spacing-xs);color:var(--color-ink);font-size:var(--text-body-sm);text-align:left;cursor:pointer;background:0 0;border:0}.file-menu-items button:hover{background:var(--color-hairline-soft)}.file-menu-items button:focus-visible{outline:2px solid var(--color-link);outline-offset:-2px}.menu-button:focus-visible,.toolbar-button:focus-visible,.export-button:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.file-menu-items hr{border:0;border-top:var(--panel-divider);margin:var(--spacing-xxs) 0}.file-menu-items button span{float:right;color:var(--color-mute);font-family:var(--font-mono);font-size:var(--text-body-sm)}.application-menu-items{min-width:14rem}.menu-button:hover:not(:disabled),.workspace-tab:hover:not(:disabled),.panel-tab:hover:not(:disabled),.panel-menu-button:hover:not(:disabled){background:var(--color-hairline-soft);color:var(--color-ink)}.menu-button:disabled,.workspace-tab:disabled,.panel-tab:disabled,.panel-menu-button:disabled{color:var(--color-faint);cursor:default}.project-title{justify-content:center;gap:var(--spacing-sm);flex:1;min-width:0}.project-title h1{font-size:var(--text-body-md);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.project-name-trigger{border-radius:var(--radius-sm);max-width:min(24rem,34vw);padding:.25rem var(--spacing-xxs);color:var(--color-ink);font-size:var(--text-body-md);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;cursor:text;background:0 0;border:0;overflow:hidden}.project-name-trigger:hover{background:var(--color-hairline-soft)}.project-rename-form{align-items:center;gap:var(--spacing-xxs);min-width:0;display:flex}.project-rename-form input{border:var(--panel-divider);border-radius:var(--radius-sm);background:var(--color-canvas);width:min(20rem,32vw);min-width:8rem;min-height:2rem;padding:0 var(--spacing-xs);color:var(--color-ink);font-size:var(--text-body-md)}.rename-save,.rename-cancel{border:var(--panel-divider);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);min-height:2rem;padding:0 var(--spacing-xs);color:var(--color-ink);font-size:var(--text-body-sm);cursor:pointer}.rename-save{border-color:var(--color-link);background:var(--color-link);color:var(--color-on-primary)}.rename-save:hover{background:var(--color-link-deep)}.rename-cancel:hover{background:var(--color-hairline-soft)}.rename-error{top:calc(100% + var(--spacing-xxs));z-index:4;border:var(--panel-divider);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);width:max-content;max-width:min(28rem,90vw);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-error);font-size:var(--text-body-sm);box-shadow:var(--shadow-floating);position:absolute;left:50%;transform:translate(-50%)}.project-status,.panel-meta,.workspace-resolution{color:var(--color-mute);font-family:var(--font-mono);font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.project-status{border:var(--panel-divider);border-radius:var(--radius-full);padding:.125rem .5rem}.topbar-actions{gap:var(--spacing-xs);flex-shrink:0}.save-status{border:var(--panel-divider);border-radius:var(--radius-full);min-height:1.75rem;padding:0 var(--spacing-xs);color:var(--color-mute);font-size:var(--text-body-sm);white-space:nowrap;background:0 0;align-items:center;display:inline-flex}.save-status-saving,.save-status-unsaved{color:var(--color-warning-deep)}.save-status-error{border-color:var(--color-error);color:var(--color-error);cursor:pointer}.toolbar-button,.export-button,.secondary-button,.icon-button,.view-toggle,.transport-actions button,.tool-button,.track-controls button{justify-content:center;align-items:center;gap:var(--spacing-xxs);border:var(--panel-divider);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);min-height:1.75rem;padding:0 var(--spacing-xs);color:var(--color-ink);font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);cursor:pointer;touch-action:manipulation;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.history-button{width:1.75rem;font-size:var(--text-heading-md);padding:0}.toolbar-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.view-toggle:hover:not(:disabled),.transport-actions button:hover:not(:disabled),.tool-button:hover:not(:disabled){border-color:var(--color-mute);background:var(--color-hairline-soft)}.toolbar-button:disabled,.export-button:disabled,.secondary-button:disabled,.icon-button:disabled,.view-toggle:disabled,.transport-actions button:disabled,.tool-button:disabled,.track-controls button:disabled{color:var(--color-faint);cursor:not-allowed}.theme-indicator{border-radius:var(--radius-full);background:var(--color-ink);border:1px solid;width:.5rem;height:.5rem}.export-button{border-color:var(--color-link);background:var(--color-link);min-height:1.875rem;color:var(--color-on-primary);padding:0 var(--spacing-sm)}.export-button:disabled{opacity:.75}.workspace-bar{border-top:var(--panel-divider);min-height:2.25rem;padding:0 var(--spacing-md);z-index:10;align-items:center;display:flex;position:relative}.workspace-bar-left{pointer-events:none;flex:1 1 0;min-width:0}.workspace-bar-center{justify-content:center;align-items:center;gap:var(--spacing-xxs);flex:none;display:flex}.workspace-bar-right{flex:1 1 0;justify-content:flex-end;align-items:center;min-width:0;display:flex}.workspace-tab{padding:0 var(--spacing-sm);align-self:stretch;position:relative}.workspace-tab.is-active{color:var(--color-ink)}.workspace-tab.is-active:after{right:var(--spacing-sm);bottom:0;left:var(--spacing-sm);background:var(--color-link);content:"";height:2px;position:absolute}.workspace-resolution span{color:var(--color-faint);padding:0 .25rem}.editor-workspace{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.workspace-panel,.monitor-panel,.timeline-panel{background:var(--color-canvas);min-width:0;min-height:0;overflow:hidden}.media-panel,.inspector-panel{flex-direction:column;display:flex}.media-panel{border-right:var(--panel-divider);grid-area:1/1}.monitor-panel{background:var(--color-canvas);grid-area:1/3;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.monitor{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.monitor+.monitor{border-left:var(--panel-divider)}.panel-tabs,.monitor-heading,.timeline-tabs{gap:var(--spacing-xs);border-bottom:var(--panel-divider);min-height:2.375rem;padding:0 var(--spacing-sm);flex:none}.panel-tab{padding:0 var(--spacing-xs);align-self:stretch;position:relative}.panel-tab.is-active{color:var(--color-ink);font-weight:var(--font-weight-medium)}.panel-tab.is-active:after{right:var(--spacing-xs);bottom:0;left:var(--spacing-xs);background:var(--color-link);content:"";height:2px;position:absolute}.panel-menu-button{border-radius:var(--radius-sm);cursor:pointer;width:1.75rem;min-height:1.75rem;margin-left:auto}.panel-menu-button:disabled{cursor:default}.project-panel-content{flex-direction:column;flex:1;min-height:0;display:flex}.project-controls{gap:var(--spacing-xs);padding:var(--spacing-xs)}.search-field{align-items:center;gap:var(--spacing-xxs);border:var(--panel-divider);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);min-width:0;min-height:1.875rem;padding:0 var(--spacing-xs);color:var(--color-mute);flex:1;display:flex}.search-icon{font-size:var(--text-heading-md);line-height:1}.search-field input{width:100%;min-width:0;color:var(--color-ink);font-size:var(--text-body-sm);background:0 0;border:0}.search-field input:disabled{cursor:not-allowed}.search-field:focus-within{border-color:var(--color-link)}.icon-button{width:1.875rem;font-size:var(--text-heading-md);padding:0;line-height:1}.bin-column-head{border-top:var(--panel-divider);border-bottom:var(--panel-divider);min-height:1.75rem;padding:0 var(--spacing-sm);color:var(--color-mute);font-size:var(--text-body-sm);justify-content:space-between;display:flex}.empty-state,.monitor-placeholder{text-align:center;justify-content:center;align-items:center;display:flex}.empty-state{gap:var(--spacing-xs);padding:var(--spacing-md);flex-direction:column;flex:1}.empty-state-icon,.preview-icon{border:var(--panel-divider);border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:var(--color-mute);font-size:var(--text-heading-md);place-items:center;display:grid}.empty-state p,.monitor-placeholder p,.properties-section p{font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);margin:0}.empty-state>span,.monitor-placeholder>span,.properties-section p{color:var(--color-mute);font-size:var(--text-body-sm);line-height:1.5}.secondary-button{margin-top:var(--spacing-xs)}.project-footer{border-top:var(--panel-divider);min-height:1.875rem;padding:0 var(--spacing-xs);color:var(--color-mute);font-size:var(--text-body-sm);justify-content:space-between}.media-asset-list{gap:var(--spacing-xxs);padding:var(--spacing-xs);margin:0;list-style:none;display:grid;overflow:auto}.media-asset-list li{justify-content:space-between;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm);min-width:0;padding:var(--spacing-xs);color:var(--color-body);font-size:var(--text-body-sm);display:flex}.media-asset-list li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-asset-list li .asset-duration{color:var(--color-mute);font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex:none}.media-asset-list li strong{color:var(--color-warning-deep);font-size:var(--text-body-sm)}.view-toggle{width:1.5rem;min-height:1.5rem;padding:0}.monitor-heading{gap:var(--spacing-sm);min-height:2.375rem}.monitor-heading h2{font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);margin:0}.monitor-stage{background:var(--color-preview-stage);flex:1;place-items:center;min-height:0;display:grid;overflow:hidden}.monitor-stage>.preview-panel-content,.monitor-stage>.source-monitor-content{width:100%;min-width:0;height:100%;min-height:0}.source-monitor-content{background:var(--color-canvas);flex-direction:column;width:100%;height:100%;display:flex}.source-monitor-header{border-bottom:1px solid var(--color-hairline);background:var(--color-canvas-elevated);z-index:1;flex-shrink:0;justify-content:flex-start;align-items:center;padding:3px 6px;display:flex}.source-monitor-tabs{gap:3px;display:flex;overflow-x:auto}.source-monitor-tab{border-radius:var(--radius-sm);color:var(--color-mute);font-size:.6875rem;font-weight:var(--font-weight-normal);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;padding:2px 7px}.source-monitor-tab:hover{color:var(--color-ink);background:var(--color-hairline-soft)}.source-monitor-tab.is-active{background:var(--color-hairline-soft);color:var(--color-ink);border-color:var(--color-hairline);font-weight:var(--font-weight-medium)}.source-media-stage{flex:1;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.source-video,.source-image{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block}.source-audio-label,.source-placeholder{justify-items:center;gap:var(--spacing-sm);max-width:100%;color:var(--color-preview-foreground);text-align:center;display:grid}.source-audio-label>span{color:var(--color-link);font-size:3rem}.source-audio-label strong{max-width:100%;font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-placeholder p{font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);margin:0}.source-placeholder span{color:var(--color-mute);font-size:var(--text-body-sm)}.source-error{z-index:1;right:var(--spacing-sm);bottom:var(--spacing-sm);left:var(--spacing-sm);border:1px solid var(--color-warning);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);max-width:90%;padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-warning-deep);font-size:var(--text-body-sm);text-align:center;margin-inline:auto;position:absolute}.source-monitor-controls{justify-content:space-between;align-items:center;gap:var(--spacing-xxs);border-top:var(--panel-divider);min-height:2.75rem;padding:0 var(--spacing-xs);flex:none;display:flex}.source-monitor-controls button{border-radius:var(--radius-sm);min-width:1.75rem;min-height:1.75rem;color:var(--color-body);font-size:var(--text-body-sm);background:0 0;border:1px solid #0000}.source-monitor-controls button:hover:not(:disabled){border-color:var(--color-hairline);background:var(--color-hairline-soft);color:var(--color-ink)}.source-monitor-controls button:focus-visible,.source-monitor-controls input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.source-monitor-controls button:disabled{color:var(--color-mute);cursor:not-allowed}.source-monitor-controls .source-play-button{border-color:var(--color-hairline);background:var(--color-hairline-soft);color:var(--color-ink)}.source-monitor-controls input[type=range]{width:min(32%,9rem);min-width:3rem;accent-color:var(--color-link)}.source-monitor-controls output{color:var(--color-body);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.625rem}.monitor-placeholder{gap:var(--spacing-xs);max-width:18rem;color:var(--color-preview-foreground);flex-direction:column}.monitor-placeholder>span{color:var(--color-mute)}.preview-icon{border-radius:var(--radius-full)}.preview-icon svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1.25rem;height:1.25rem}.monitor-controls{justify-content:space-between;gap:var(--spacing-xxs);border-top:var(--panel-divider);min-height:2.5rem;padding:0 var(--spacing-xs)}.timecode{color:var(--color-body);font-family:var(--font-mono);font-size:var(--text-body-sm);font-variant-numeric:tabular-nums}.transport-actions{gap:var(--spacing-xxs)}.transport-actions button{width:1.75rem;min-height:1.75rem;padding:0}.transport-actions .transport-play{border-color:var(--color-hairline);background:var(--color-hairline-soft);width:2rem}.inspector-panel{border-left:var(--panel-divider);grid-area:1/5}.inspector-empty{flex-direction:column;flex:1;align-items:stretch;min-height:0;display:flex}.properties-section{padding:var(--spacing-md) var(--spacing-sm)}.properties-section+.properties-section{border-top:var(--panel-divider)}.properties-section h3{margin:0 0 var(--spacing-xs);color:var(--color-body);font-size:var(--text-body-sm);font-weight:var(--font-weight-medium)}.sequence-details{gap:var(--spacing-xs);margin:var(--spacing-md) 0 0;font-size:var(--text-body-sm);display:grid}.sequence-details div{justify-content:space-between;gap:var(--spacing-xs);display:flex}.sequence-details dt{color:var(--color-mute)}.sequence-details dd{color:var(--color-body);font-family:var(--font-mono);font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;margin:0}.resize-handle{z-index:1;touch-action:none;user-select:none;position:relative}.resize-handle-vertical{cursor:col-resize;grid-row:1}.resize-handle-horizontal{cursor:row-resize;grid-area:2/1/auto/-1}.resize-handle:after{border-radius:var(--radius-full);background:var(--color-hairline);content:"";width:2px;height:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-handle-horizontal:after{width:2rem;height:2px}.resize-handle:hover:after,.resize-handle:focus-visible:after{background:var(--color-link)}.media-panel+.resize-handle{grid-column:2}.inspector-panel+.resize-handle-vertical{grid-area:1/4}.timeline-panel{border-top:var(--panel-divider);grid-area:3/1/auto/-1}.timeline-topbar{border-bottom:var(--panel-divider);min-height:5.25rem}.timeline-tabs{min-height:2.125rem}.timeline-toolbar{justify-content:space-between;gap:var(--spacing-md);min-height:3rem;padding:0 var(--spacing-sm)}.edit-tools{gap:var(--spacing-xxs)}.tool-button{width:1.875rem;min-height:1.875rem;font-size:var(--text-body-md);padding:0}.tool-button.is-active{border-color:var(--color-link);background:var(--color-link-soft);color:var(--color-link)}.timeline-actions{gap:var(--spacing-xs)}.timeline-actions .toolbar-button{min-height:1.625rem}.timeline-content{overscroll-behavior:contain;height:calc(100% - 5.25rem);position:relative;overflow:auto}.timeline-empty{place-content:center;gap:var(--spacing-xs);min-height:8rem;padding:var(--spacing-lg);color:var(--color-body);text-align:center;display:grid}.timeline-empty p,.timeline-empty span{margin:0}.timeline-empty span,.track-empty-label,.track-state{color:var(--color-mute);font-size:var(--text-body-sm)}.track-state{flex:none}.track-clip-list{gap:var(--spacing-xs);padding:var(--spacing-xxs);flex-wrap:wrap;margin:0;list-style:none;display:flex}.track-clip-list li{border:var(--panel-divider);border-radius:var(--radius-sm);background:var(--color-canvas);max-width:18rem;padding:var(--spacing-xxs) var(--spacing-xs);color:var(--color-body);font-size:var(--text-body-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-clip-list strong{color:var(--color-warning-deep)}.track-tools{z-index:2;border-bottom:var(--panel-divider);background:var(--color-canvas);grid-template-columns:12rem minmax(0,1fr);min-height:1.875rem;display:grid;position:sticky;top:0}.ruler-gutter{border-right:var(--panel-divider);padding-left:var(--spacing-sm);color:var(--color-mute);font-family:var(--font-mono);font-size:var(--text-body-sm);align-items:center;display:flex}.timeline-ruler{background-image:repeating-linear-gradient(to right, transparent 0, transparent calc(16.666% - 1px), var(--color-hairline) calc(16.666% - 1px), var(--color-hairline) 16.666%);padding:0 var(--spacing-sm);color:var(--color-mute);font-family:var(--font-mono);font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;display:flex}.track-list{padding:var(--spacing-xs) var(--spacing-sm);gap:2px;display:grid}.track-row{gap:var(--spacing-xs);grid-template-columns:11rem minmax(0,1fr);min-height:2.25rem;display:grid}.track-label,.track-lane{border:var(--panel-divider);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);align-items:center;min-width:0;display:flex}.track-label{gap:var(--spacing-xs);padding:0 var(--spacing-xs);color:var(--color-body);font-size:var(--text-body-sm)}.track-kind{border:var(--panel-divider);border-radius:var(--radius-sm);width:1.375rem;height:1.375rem;color:var(--color-cyan);font-family:var(--font-mono);flex:none;place-items:center;font-size:.625rem;display:grid}.track-audio .track-kind{color:var(--color-violet)}.track-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.track-controls{gap:2px;display:flex}.track-controls button{width:1.25rem;min-height:1.25rem;font-family:var(--font-mono);padding:0;font-size:.625rem}.track-lane{background-image:linear-gradient(to right, var(--color-hairline-soft) 1px, transparent 1px), linear-gradient(to right, var(--color-hairline-soft) 1px, transparent 1px);background-position:0 0,0;background-repeat:repeat,no-repeat;background-size:5rem 100%,100% 1px}.track-audio .track-lane{background-color:color-mix(in srgb, var(--color-violet-soft) 14%, var(--color-canvas-elevated))}.track-video .track-lane{background-color:color-mix(in srgb, var(--color-cyan-soft) 10%, var(--color-canvas-elevated))}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.editor-dialog{max-width:min(42rem, calc(100vw - var(--spacing-lg)));border-radius:var(--radius-sm);max-height:min(88dvh,52rem);color:var(--color-ink);overscroll-behavior:contain;background:#141418;border:1px solid #282834;padding:0;overflow:auto;box-shadow:0 20px 60px #000000d9,0 0 0 1px #ffffff14}.editor-dialog:not([open]){display:none}.editor-dialog[open]{margin:0;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.shortcut-dialog{width:min(42rem, calc(100vw - var(--spacing-xl)))}.shortcut-dialog input[type=search]{border:var(--panel-divider);border-radius:var(--radius-sm);background:var(--color-canvas);min-height:2.25rem;padding:0 var(--spacing-xs);color:var(--color-ink);font:inherit}.shortcut-dialog input:focus-visible,.shortcut-dialog button:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.shortcut-list{gap:var(--spacing-md);overscroll-behavior:contain;max-height:min(52dvh,28rem);display:grid;overflow:auto}.shortcut-list section{gap:var(--spacing-xxs);display:grid}.shortcut-list h3{color:var(--color-mute);font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);margin:0}.shortcut-row{align-items:center;gap:var(--spacing-sm);border-bottom:var(--panel-divider);padding:var(--spacing-xxs) 0;color:var(--color-body);font-size:var(--text-body-sm);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.shortcut-row kbd{border:var(--panel-divider);border-radius:var(--radius-sm);background:var(--color-canvas);padding:.125rem var(--spacing-xs);color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-body-sm);white-space:nowrap}.shortcut-row.is-disabled,.shortcut-coming-soon{color:var(--color-mute)}.shortcut-coming-soon{font-size:var(--text-body-sm)}.editor-dialog::backdrop{backdrop-filter:blur(6px);background:#000000b8}.dialog-content{gap:var(--spacing-md);padding:var(--spacing-xl);display:grid}.dialog-heading{justify-content:space-between;align-items:center;gap:var(--spacing-md);border-bottom:1px solid #24242e;padding-bottom:12px;display:flex}.dialog-heading h2,.dialog-content>h2{color:#f1f5f9;letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:.9375rem;font-weight:600}.dialog-eyebrow{margin:0 0 var(--spacing-xxs);color:var(--color-mute);font-family:var(--font-mono);font-size:var(--text-mono-eyebrow);letter-spacing:var(--tracking-label-sm)}.dialog-description,.dialog-content>p{color:var(--color-body);font-size:var(--text-body-md);margin:0;line-height:1.55}.dialog-close{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--color-mute);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin:0;font-size:1.125rem;transition:all .15s;display:inline-flex}.dialog-close:hover{color:#fff;background:#ffffff14}.project-manager-dialog{width:min(54rem, calc(100vw - var(--spacing-xl)))}.project-manager-empty{place-content:center;justify-items:center;gap:var(--spacing-sm);border:var(--panel-divider);border-radius:var(--radius-sm);min-height:13rem;padding:var(--spacing-xl);text-align:center;display:grid}.project-manager-empty h3,.project-manager-empty p{margin:0}.project-manager-empty p{max-width:28rem;color:var(--color-body);font-size:var(--text-body-md);line-height:1.5}.project-manager-list{max-height:52dvh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.project-manager-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);border-top:var(--panel-divider);min-width:0;padding:var(--spacing-sm) 0;display:flex}.project-row-name{gap:var(--spacing-xxs);min-width:0;display:grid}.project-row-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-row-name>span{color:var(--color-mute);font-size:var(--text-body-sm);font-variant-numeric:tabular-nums}.project-row-actions,.project-row-rename,.dialog-actions,.dialog-footer{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.project-row-rename{min-width:0}.project-row-rename input,.project-search input,.dialog-field input,.dialog-field select{border-radius:var(--radius-sm);min-height:2.125rem;padding:0 var(--spacing-xs);color:var(--color-ink);font:inherit;font-size:var(--text-body-sm);background:#0d0d12;border:1px solid #282834;transition:border-color .15s,box-shadow .15s}.project-row-rename input:focus,.project-search input:focus,.dialog-field input:focus,.dialog-field select:focus{border-color:var(--color-link);box-shadow:0 0 0 1px var(--color-link), 0 0 0 3px #0070f340;outline:none}.project-row-rename input{width:min(18rem,35vw);min-width:8rem}.dialog-field select{color-scheme:inherit}.project-search input{width:100%}.dialog-footer,.dialog-actions{padding-top:var(--spacing-md);margin-top:var(--spacing-xs);border-top:1px solid #22222c;justify-content:flex-end}.dialog-message{color:var(--color-error);font-size:var(--text-body-sm);margin:0}.primary-button,.danger-button{border:1px solid var(--color-link);border-radius:var(--radius-sm);background:var(--color-link);min-height:2.125rem;padding:0 var(--spacing-md);color:#fff;font-size:var(--text-body-sm);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;font-weight:500;transition:background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 2px #00000040}.primary-button:hover{background:#0060df;border-color:#0060df}.danger-button{border-color:var(--color-error);background:var(--color-error);color:var(--color-on-primary)}.danger-button:hover{background:var(--color-error-deep)}.dialog-field{gap:var(--spacing-xxs);color:var(--color-body);font-size:var(--text-body-sm);display:grid}.dialog-actions{margin-top:var(--spacing-xs);justify-content:flex-end}.confirm-delete-dialog,.recovery-dialog,.save-copy-dialog{width:min(34rem, calc(100vw - var(--spacing-xl)))}.recovery-confirm{border:var(--panel-divider);border-radius:var(--radius-sm);background:var(--color-warning-soft);padding:var(--spacing-sm)}.recovery-confirm p{margin:0 0 var(--spacing-xs);color:var(--color-warning-deep);font-size:var(--text-body-md)}@media (width<=76rem){.editor-workspace{grid-template-columns:minmax(12.5rem, var(--media-panel-width)) 6px minmax(20rem, 1fr)}.inspector-panel,.inspector-panel+.resize-handle{display:none}.timeline-panel{grid-column:1/-1}}@media (width<=54rem){.application-bar{gap:var(--spacing-sm);min-height:2.625rem;padding:0 var(--spacing-xs)}.menu-bar{gap:0}.menu-button{padding:.375rem}.project-title{justify-content:flex-end}.save-status{max-width:8rem;padding:0 var(--spacing-xxs);text-overflow:ellipsis;overflow:hidden}.project-name-trigger{max-width:32vw}.project-rename-form input{width:32vw}.project-status,.workspace-resolution,.workspace-tab:not(.is-active){display:none}.editor-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(24rem, 1fr) 6px minmax(15rem, var(--timeline-panel-height))}.media-panel,.media-panel+.resize-handle{display:none}.monitor-panel,.timeline-panel{grid-column:1}.track-tools{grid-template-columns:9rem minmax(0,1fr)}.track-row{grid-template-columns:8rem minmax(0,1fr)}.ruler-gutter{padding-left:var(--spacing-xs)}.track-controls{display:none}.project-manager-row{flex-direction:column;align-items:flex-start}.project-row-actions{width:100%}}@media (width<=38rem){.menu-button:nth-child(n+5){display:none}.workspace-bar{padding:0 var(--spacing-xs)}.dialog-content{padding:var(--spacing-md)}.dialog-footer{justify-content:stretch}.dialog-footer>button,.project-row-actions>button{flex:1}.monitor-panel{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr);overflow:auto}.editor-workspace{grid-template-rows:minmax(24rem, 1fr) 6px minmax(15rem, min(var(--timeline-panel-height), 16rem))}.monitor{min-height:12rem}.monitor+.monitor{border-top:var(--panel-divider);border-left:0}.monitor-stage{min-height:8rem}.monitor-controls{min-height:2.125rem}.timeline-toolbar{gap:var(--spacing-xs);padding:0 var(--spacing-xs)}.timeline-actions .panel-meta,.timeline-actions .toolbar-button:first-child{display:none}.track-tools{grid-template-columns:6.5rem minmax(0,1fr)}.track-row{grid-template-columns:6rem minmax(0,1fr)}.track-label{gap:var(--spacing-xxs);padding:0 var(--spacing-xxs)}.track-kind{width:1.25rem}.timeline-ruler{padding:0 var(--spacing-xxs);font-size:.625rem}}@media (prefers-reduced-motion:reduce){.toolbar-button,.export-button,.secondary-button,.icon-button,.view-toggle,.transport-actions button,.tool-button,.track-controls button{transition:none}}.export-dialog{overscroll-behavior:contain;width:min(100% - 2rem,34rem)}.export-dialog .dialog-content{gap:var(--spacing-md)}.export-tabs{gap:var(--spacing-xs);border-bottom:1px solid var(--color-hairline);display:flex}.export-tabs button{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-body);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000}.export-tabs button[aria-selected=true]{border-bottom-color:var(--color-ink);color:var(--color-ink)}.export-tabs button:focus-visible,.export-checkbox input:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.export-form{gap:var(--spacing-sm);display:grid}.export-checkbox{align-items:flex-start;gap:var(--spacing-xs);color:var(--color-body);font-size:var(--text-body-sm);display:flex}.export-checkbox input{accent-color:var(--color-primary);margin:.2rem 0 0}.export-capability,.export-estimate,.export-notice{color:var(--color-mute);font-size:var(--text-body-sm);margin:0}.export-warning{border:1px solid var(--color-warning);border-radius:var(--radius-sm);background:var(--color-canvas);padding:var(--spacing-sm);color:var(--color-body);font-size:var(--text-body-sm)}.export-warning p{margin:0 0 var(--spacing-xs)}.export-warning p:last-child{margin-bottom:0}.export-progress{gap:var(--spacing-xs);display:grid}.export-progress-label{color:var(--color-body);font-size:var(--text-body-sm);justify-content:space-between;display:flex}.export-progress progress{width:100%;height:.5rem;accent-color:var(--color-primary)}.export-progress p{color:var(--color-mute);font-size:var(--text-body-sm);margin:0}.export-close-dialog,.export-confirm-dialog{overscroll-behavior:contain;width:min(100% - 2rem,28rem)}.export-close-dialog .dialog-content,.export-confirm-dialog .dialog-content{gap:var(--spacing-md)}@media (prefers-reduced-motion:reduce){.export-dialog *,.export-close-dialog *,.export-confirm-dialog *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.preview-panel-content,.preview-workspace{background:#000;flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex}.preview-panel-content{container-type:inline-size}.preview-stage-row{background:#000}.preview-workspace{background:#000;position:relative}.preview-canvas-viewport{overscroll-behavior:contain;background:#000;flex:1;place-items:center;min-width:0;min-height:0;display:grid;overflow:auto}.preview-canvas-frame{background:#000;flex:none;place-items:center;display:grid;position:relative}.preview-canvas{background:#000;width:100%;height:100%;display:block}.preview-empty-state,.preview-empty-overlay{gap:var(--spacing-xs);color:var(--color-preview-foreground);text-align:center;display:grid}.preview-empty-state p{font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);margin:0}.preview-empty-state span,.preview-empty-overlay{color:var(--color-mute);font-size:var(--text-body-sm)}.preview-empty-overlay{background:color-mix(in srgb, var(--color-preview-stage) 72%, transparent);color:var(--color-preview-foreground);pointer-events:none;place-items:center;position:absolute;inset:0}.preview-warning-overlay{right:var(--spacing-sm);bottom:var(--spacing-sm);left:var(--spacing-sm);gap:var(--spacing-xxs);border:1px solid var(--color-warning);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-canvas-elevated) 94%, transparent);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-warning-deep);font-size:var(--text-body-sm);display:grid;position:absolute}.preview-warning-overlay span{color:var(--color-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-loading-indicator{top:var(--spacing-sm);right:var(--spacing-sm);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);padding:var(--spacing-xxs) var(--spacing-xs);color:var(--color-body);font-size:var(--text-body-sm);pointer-events:none;position:absolute}.preview-project-status{top:var(--spacing-sm);left:var(--spacing-sm);border:1px solid var(--color-hairline);border-radius:var(--radius-xs,3px);background:color-mix(in srgb, var(--color-canvas-elevated) 88%, transparent);backdrop-filter:blur(4px);color:var(--color-mute);font-family:var(--font-mono);pointer-events:none;z-index:2;align-items:center;padding:2px 6px;font-size:.625rem;line-height:1.2;display:inline-flex;position:absolute}.preview-panel-content:fullscreen{background:#000;flex-direction:column;width:100vw;height:100vh;display:flex}.preview-panel-content:fullscreen .preview-stage-row{background:#000;flex:1;min-height:0}.preview-panel-content:fullscreen .preview-transport{backdrop-filter:blur(8px);background:#121212f2;border-top:1px solid #ffffff1a}.preview-transport{border-top:var(--panel-divider);padding:4px var(--spacing-sm);background:var(--color-canvas-elevated);flex-direction:column;gap:4px;display:flex;overflow:hidden}.preview-transport-row{justify-content:space-between;align-items:center;gap:var(--spacing-xs);width:100%;display:flex}.preview-transport-row-primary{min-height:1.75rem}.preview-transport-row-secondary{border-top:1px solid var(--color-hairline-soft);min-height:1.75rem;padding-top:2px}.preview-transport-group{align-items:center;gap:var(--spacing-xxs);flex-shrink:0;min-width:0;display:flex}.preview-transport button,.preview-transport select{border-radius:var(--radius-sm);min-height:1.625rem;padding:0 var(--spacing-xxs);color:var(--color-body);font-size:var(--text-body-sm);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000}.preview-transport button:hover:not(:disabled),.preview-transport select:hover{border-color:var(--color-hairline);background:var(--color-hairline-soft);color:var(--color-ink)}.preview-transport button.is-active{background:var(--color-hairline-soft);border-color:var(--color-link);color:var(--color-link)}.preview-transport button:focus-visible,.preview-transport input:focus-visible,.preview-transport select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.preview-transport button:disabled{color:var(--color-mute);cursor:not-allowed}.preview-transport .preview-play-button{border-color:var(--color-hairline);background:var(--color-hairline-soft);min-width:2rem;color:var(--color-ink)}.preview-timecode-group{align-items:center;gap:var(--spacing-xs);flex-shrink:0;margin:0;display:flex}.preview-timecode{color:#38bdf8;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.05em;white-space:nowrap;text-shadow:0 0 5px #38bdf840;background:#0a0a0e;border:1px solid #242430;border-radius:3px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px 3px #0009}.preview-playback-error{max-width:20rem;color:var(--color-warning-deep);text-overflow:ellipsis;white-space:nowrap;font-size:.625rem;overflow:hidden}.preview-audio-tools,.preview-view-tools{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.preview-mute-button{border-radius:var(--radius-sm);color:var(--color-mute);cursor:pointer;font-size:var(--text-label-sm);background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:2px 6px;transition:all .12s;display:inline-flex}.preview-mute-button:hover:not(:disabled){background:var(--color-hairline-soft);color:var(--color-ink)}.preview-mute-button.is-muted{color:var(--color-warning-deep,#ef4444)}.preview-volume-control{align-items:center;display:inline-flex}.preview-volume-slider{width:3.5rem;height:4px;accent-color:var(--color-link);cursor:pointer;border-radius:var(--radius-full);background:#22222a}.preview-level-meter{border:1px solid var(--color-hairline);border-radius:var(--radius-full);background:var(--color-canvas);flex-shrink:0;width:2.25rem;height:.45rem;overflow:hidden}.preview-level-meter span{background:var(--color-success);height:100%;transition:width .1s linear;display:block}.preview-rate{color:var(--color-link);font-family:var(--font-mono);white-space:nowrap;font-size:.625rem}@media (prefers-reduced-motion:reduce){.preview-level-meter span{transition:none}}.mask-blocked-banner{top:var(--spacing-md);color:#fff;border-radius:var(--radius-sm);z-index:35;pointer-events:none;background:#ef4444e6;padding:4px 12px;font-size:.75rem;font-weight:500;animation:3s forwards fadeInOut;position:absolute;left:50%;transform:translate(-50%)}.scopes-panel{color:#ccc;width:100%;height:100%;min-height:0;font-family:var(--font-mono);user-select:none;background:#0d0d0d;flex-direction:column;flex:1;font-size:.75rem;display:flex}.scopes-header{border-bottom:1px solid var(--color-hairline,#222);background:var(--color-canvas,#0e0e0e);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;min-height:28px;padding:4px 8px;display:flex}.scopes-view-nav{flex-shrink:0;align-items:center;gap:2px;display:flex}.scopes-view-btn{border-radius:var(--radius-sm,3px);color:var(--color-mute,#888);font-size:.6875rem;font-weight:var(--font-weight-normal,400);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;padding:2px 7px;transition:color .1s,background .1s}.scopes-view-btn:hover{color:var(--color-ink,#eee);background:#ffffff0d}.scopes-view-btn.is-active{color:var(--color-ink,#fff);background:#ffffff14;border-color:#ffffff26;font-weight:500}.scopes-nav-divider{color:#333;user-select:none;margin:0 4px;font-size:.75rem}.scopes-mode-tabs{flex-shrink:0;align-items:center;gap:2px;display:flex}.scopes-tab-btn{border-radius:var(--radius-sm,3px);color:var(--color-mute,#888);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;padding:2px 7px;font-size:.6875rem;transition:color .1s,background .1s}.scopes-tab-btn:hover{color:#fff;background:#1f1f1f}.scopes-tab-btn.is-active{color:#38bdf8;background:#262626;border-color:#38bdf844;font-weight:500}.scopes-channel-btn{color:#38bdf8;letter-spacing:.5px;border-color:#0284c7;padding:1px 5px;font-size:.625rem}.scopes-channel-toggle{align-items:center;gap:4px;margin-left:auto;display:flex}.scopes-close-btn{color:var(--color-mute);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.875rem}.scopes-close-btn:hover{color:#fff}.scopes-canvas-container{background:#000;flex:1;justify-content:center;align-items:center;min-height:180px;padding:4px;display:flex;position:relative}.scopes-canvas{width:100%;height:100%;display:block}.scopes-footer{border-top:1px solid var(--color-hairline);color:#666;justify-content:space-between;padding:4px 8px;font-size:.625rem;display:flex}.graph-editor-panel{border-bottom:1px solid var(--color-hairline);background:var(--color-canvas);width:100%;height:220px;min-height:160px;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-body-sm);user-select:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.graph-editor-toolbar{height:32px;padding:0 var(--spacing-sm);background:var(--color-canvas-elevated);border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.graph-editor-filters,.graph-editor-presets,.graph-editor-actions{align-items:center;gap:4px;display:flex}.graph-filter-btn{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);color:var(--color-mute);cursor:pointer;background:0 0;padding:2px 8px;font-size:11px;transition:all .15s}.graph-filter-btn:hover{color:var(--color-ink);border-color:var(--color-body)}.graph-filter-btn.is-active{background:var(--color-canvas);color:var(--color-ink);border-color:var(--color-primary)}.graph-preset-btn{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);color:var(--color-body);cursor:pointer;background:0 0;padding:2px 6px;font-size:11px}.graph-preset-btn:hover{background:var(--color-hairline-soft);color:var(--color-ink)}.graph-close-btn{width:20px;height:20px;color:var(--color-mute);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:14px;display:flex}.graph-close-btn:hover{color:var(--color-ink);background:var(--color-hairline-soft)}.graph-canvas-container{background:var(--color-canvas);flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.graph-svg{cursor:crosshair;width:100%;height:100%;display:block}.graph-grid-line{stroke:var(--color-hairline-soft);stroke-width:1px}.graph-axis-line{stroke:var(--color-hairline);stroke-width:1px}.graph-axis-label{fill:var(--color-mute);font-family:var(--font-mono);font-size:9px}.graph-curve-path{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.graph-handle-stem{stroke:var(--color-mute);stroke-width:1px;stroke-dasharray:2 2}.graph-handle-point{fill:var(--color-canvas);stroke:var(--color-link);stroke-width:2px;cursor:grab}.graph-handle-point:hover{fill:var(--color-link)}.graph-keyframe-point{cursor:pointer;stroke-width:1.5px}.graph-keyframe-point.is-selected{fill:var(--color-primary);stroke:var(--color-link);stroke-width:2.5px}.graph-playhead-line{stroke:var(--color-link);stroke-width:1.5px;pointer-events:none}.graph-empty-state{height:100%;color:var(--color-mute);font-size:var(--text-body-sm);justify-content:center;align-items:center;display:flex}.timeline-editor{background:var(--color-canvas);width:100%;height:100%;min-height:0;color:var(--color-ink);flex-direction:column;display:flex;position:relative}.timeline-editor .timeline-topbar{min-height:5.25rem}.timeline-toolbar-row,.timeline-tool-group{align-items:center;min-width:0;display:flex}.timeline-toolbar-row{justify-content:space-between;gap:var(--spacing-xs);min-height:3rem;padding:0 var(--spacing-sm)}.timeline-tool-group{gap:var(--spacing-xxs);flex:none}.timeline-tool-group .tool-button{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);width:auto;min-width:2rem;min-height:1.875rem;padding:0 var(--spacing-xs);color:var(--color-body);font-size:var(--text-body-sm);white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:5px;display:inline-flex}.timeline-tool-group .tool-button .tool-btn-icon{opacity:.85;flex:none}.timeline-tool-group .tool-button:hover .tool-btn-icon,.timeline-tool-group .tool-button.is-active .tool-btn-icon{opacity:1}.timeline-tool-group .tool-button:hover:not(:disabled){border-color:var(--color-mute);color:var(--color-ink)}.timeline-tool-group .tool-button:focus-visible,.timeline-track-header button:focus-visible,.timeline-track-header input:focus-visible,.timeline-track-lane:focus-visible,.timeline-clip:focus-visible,.clip-trim-handle:focus-visible,.timeline-ruler:focus-visible,.timeline-zoom-tools input:focus-visible,.timeline-context-menu button:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.timeline-tool-group .tool-button.is-active{border-color:var(--color-link);background:var(--color-link-soft);color:var(--color-link)}.timeline-zoom-tools label{align-items:center;display:flex}.timeline-zoom-tools input{width:clamp(5rem,10vw,9rem);accent-color:var(--color-link)}.timeline-time-readout{color:#38bdf8;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap;background:#0a0a0e;border:1px solid #242430;border-radius:3px;align-items:center;gap:4px;padding:2px 7px;font-size:.75rem;font-weight:500;display:inline-flex;box-shadow:inset 0 1px 2px #00000080}.timeline-clip-count,.timeline-status-row,.timeline-shortcut-hint{color:var(--color-mute);font-family:var(--font-mono);font-size:var(--text-mono-eyebrow);font-variant-numeric:tabular-nums;white-space:nowrap}.timeline-body-wrapper{flex:1 1 0;width:100%;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.timeline-toolstrip{background:var(--color-canvas);border-right:1px solid var(--color-hairline);z-index:10;flex-direction:column;flex:0 0 38px;align-items:center;gap:4px;width:38px;padding:8px 0;display:flex}.timeline-toolstrip-button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-body);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;transition:background .12s,border-color .12s,color .12s;display:grid;position:relative}.timeline-toolstrip-button:hover{background:var(--color-hairline-soft);color:var(--color-ink)}.timeline-toolstrip-button.is-active{background:var(--color-link-soft);border-color:var(--color-link);color:var(--color-link)}.timeline-scroll{overscroll-behavior:contain;touch-action:pan-x pan-y;user-select:none;flex:1 1 0;min-width:0;min-height:0;position:relative;overflow:auto}.timeline-scroll[data-tool=razor],.timeline-scroll[data-tool=razor] .timeline-clip,.timeline-scroll[data-tool=razor] .timeline-clip-body,.timeline-scroll[data-tool=razor] .clip-trim-handle,.timeline-scroll[data-tool=razor] .timeline-track-lane{cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNiwgLTEpIj4KICAgIDxnIHRyYW5zZm9ybT0icm90YXRlKDQ1IDEyIDEyKSI+CiAgICAgIDwhLS0gSGlnaCBjb250cmFzdCBkYXJrIHNpbGhvdWV0dGUgLyBvdXRsaW5lIC0tPgogICAgICA8cGF0aAogICAgICAgIGZpbGw9IiMwMDAwMDAiCiAgICAgICAgc3Ryb2tlPSIjMDAwMDAwIgogICAgICAgIHN0cm9rZS13aWR0aD0iMi41IgogICAgICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgICAgICAgZmlsbC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik0gNC41IDcgaCAxNSBsIDEuNSAxLjUgdiAyIGggLTEuNSB2IDMgSCAyMSB2IDIgbCAtMS41IDEuNSBoIC0xNSBMIDMgMTUuNSB2IC0yIGggMS41IHYgLTMgSCAzIFYgOC41IEwgNC41IDcgWiBNIDEyIDkuOCBhIDIuMiAyLjIgMCAxIDAgMC4wMDEgMCBaIE0gNS41IDExLjMgaCAxMyB2IDEuNCBoIC0xMyBaIE0gNS41IDEwLjQgaCAxLjUgdiAzLjIgaCAtMS41IFogTSAxNyAxMC40IGggMS41IHYgMy4yIGggLTEuNSBaIgogICAgICAvPgogICAgICA8IS0tIFNoYXJwIHNpbHZlci93aGl0ZSByYXpvciBibGFkZSAtLT4KICAgICAgPHBhdGgKICAgICAgICBmaWxsPSIjZjhmYWZjIgogICAgICAgIHN0cm9rZT0iIzBmMTcyYSIKICAgICAgICBzdHJva2Utd2lkdGg9IjAuOCIKICAgICAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIgogICAgICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICAgICBkPSJNIDQuNSA3IGggMTUgbCAxLjUgMS41IHYgMiBoIC0xLjUgdiAzIEggMjEgdiAyIGwgLTEuNSAxLjUgaCAtMTUgTCAzIDE1LjUgdiAtMiBoIDEuNSB2IC0zIEggMyBWIDguNSBMIDQuNSA3IFogTSAxMiA5LjggYSAyLjIgMi4yIDAgMSAwIDAuMDAxIDAgWiBNIDUuNSAxMS4zIGggMTMgdiAxLjQgaCAtMTMgWiBNIDUuNSAxMC40IGggMS41IHYgMy4yIGggLTEuNSBaIE0gMTcgMTAuNCBoIDEuNSB2IDMuMiBoIC0xLjUgWiIKICAgICAgLz4KICAgICAgPCEtLSBNZXRhbGxpYyBibGFkZSBiZXZlbCBkZXRhaWwgbGluZXMgLS0+CiAgICAgIDxsaW5lIHgxPSI0LjUiIHkxPSI4IiB4Mj0iMTkuNSIgeTI9IjgiIHN0cm9rZT0iIzk0YTNiOCIgc3Ryb2tlLXdpZHRoPSIwLjc1IiAvPgogICAgICA8bGluZSB4MT0iNC41IiB5MT0iMTYiIHgyPSIxOS41IiB5Mj0iMTYiIHN0cm9rZT0iIzk0YTNiOCIgc3Ryb2tlLXdpZHRoPSIwLjc1IiAvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+) 2 2,crosshair!important}.timeline-scroll[data-tool=hand],.timeline-scroll[data-tool=hand] .timeline-clip{cursor:grab!important}.timeline-scroll[data-tool=hand].is-panning,.timeline-scroll[data-tool=hand].is-panning .timeline-clip{cursor:grabbing!important}.timeline-scroll[data-tool=track-select],.timeline-scroll[data-tool=track-select] .timeline-clip{cursor:e-resize!important}.timeline-scroll[data-tool=slip],.timeline-scroll[data-tool=slip] .timeline-clip{cursor:ew-resize!important}.timeline-scroll[data-tool=type]{cursor:text!important}.timeline-scroll[data-tool=ripple] .clip-trim-handle{cursor:col-resize!important}.timeline-world{min-height:100%;position:relative}.timeline-ruler-row{z-index:30;border-bottom:1px solid var(--color-hairline);background:var(--color-canvas);grid-template-columns:176px minmax(0,1fr);height:2rem;display:grid;position:sticky;top:0}.timeline-ruler-corner{z-index:31;border-right:1px solid var(--color-hairline);background:#111116;align-items:center;padding:0 10px;display:flex;position:sticky;left:0}.timeline-corner-timecode{background:#09090d;border:1px solid #23232e;border-radius:3px;justify-content:center;align-items:center;padding:2px 8px;display:inline-flex;box-shadow:inset 0 1px 3px #0009}.timeline-corner-timecode .timecode-digits{color:#38bdf8;font-family:var(--font-mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;text-shadow:0 0 6px #38bdf859;font-size:.75rem;font-weight:600}.timeline-ruler{background-color:var(--color-canvas);background-image:repeating-linear-gradient(to right, transparent 0, transparent calc(100px - 1px), var(--color-hairline-soft) calc(100px - 1px), var(--color-hairline-soft) 100px);cursor:ew-resize;touch-action:none;height:2rem;position:relative}.timeline-ruler-tick{border-left:1px solid var(--color-hairline);pointer-events:none;height:100%;position:absolute;top:0}.timeline-ruler-tick>span{color:var(--color-mute);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.625rem;position:relative;top:.25rem;left:.25rem}.timeline-track-rows{padding-bottom:var(--spacing-sm);display:grid;position:relative}.timeline-track-row{z-index:7;height:var(--track-height,5rem);content-visibility:auto;contain-intrinsic-size:5rem;grid-template-columns:176px minmax(0,1fr);min-height:3rem;display:grid;position:relative}.timeline-track-header{z-index:7;align-items:center;gap:var(--spacing-xxs);border-right:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline);background:var(--color-canvas-elevated);min-width:0;padding:var(--spacing-xxs);grid-template-columns:1rem minmax(2rem,1fr) auto;display:grid;position:sticky;left:0}.timeline-track-header[draggable=true]{cursor:grab}.timeline-track-header[draggable=true]:active{cursor:grabbing}.timeline-track-header .track-kind{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);width:1rem;height:1rem;color:var(--color-cyan);font-family:var(--font-mono);place-items:center;font-size:.625rem;display:grid}.timeline-track-header.track-audio .track-kind{color:var(--color-violet)}.timeline-track-header.track-caption .track-kind{color:#f59e0b}.timeline-track-name,.timeline-track-name-input{border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--color-body);font-size:var(--text-body-sm);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;padding:.2rem;overflow:hidden}.timeline-track-name:hover{border-color:var(--color-hairline);color:var(--color-ink)}.timeline-track-controls{gap:1px;display:flex}.timeline-track-controls button{border-radius:var(--radius-sm);width:1.25rem;height:1.25rem;color:var(--color-mute);font-family:var(--font-mono);background:0 0;border:1px solid #0000;place-items:center;padding:0;font-size:.625rem;display:grid}.timeline-track-controls button:hover{border-color:var(--color-hairline);background:var(--color-canvas);color:var(--color-ink)}.timeline-track-controls .timeline-track-remove:hover{color:var(--color-error)}.timeline-track-lane{border-bottom:1px solid var(--color-hairline);background-image:linear-gradient(to right, var(--color-hairline-soft) 1px, transparent 1px), linear-gradient(to bottom, transparent calc(50% - 1px), var(--color-hairline-soft) 50%, transparent calc(50% + 1px));background-repeat:repeat,no-repeat;background-size:5rem 100%,100% 100%;min-width:0;min-height:0;position:relative;overflow:hidden}.timeline-track-resize-handle{z-index:8;cursor:ns-resize;touch-action:none;background:0 0;border:0;height:7px;padding:0;position:absolute;bottom:-3px;left:0;right:0}.timeline-track-resize-handle:after{background:var(--color-hairline);content:"";height:1px;position:absolute;top:3px;left:0;right:0}.timeline-track-resize-handle:hover:after,.timeline-track-resize-handle:focus-visible:after{background:var(--color-link);height:2px}.timeline-track-resize-handle:focus-visible{outline:2px solid var(--color-link);outline-offset:-2px}.timeline-track-row.track-video .timeline-track-lane{background-color:color-mix(in srgb, var(--color-cyan-soft) 9%, var(--color-canvas-elevated))}.timeline-track-row.track-audio .timeline-track-lane{background-color:color-mix(in srgb, var(--color-violet-soft) 12%, var(--color-canvas-elevated))}.timeline-track-lane.is-invalid-drop{background-color:color-mix(in srgb, var(--color-error) 12%, var(--color-canvas-elevated))}.timeline-empty-track{top:50%;left:var(--spacing-sm);color:var(--color-faint);font-size:var(--text-body-sm);pointer-events:none;position:absolute;transform:translateY(-50%)}.timeline-clip{border:1px solid color-mix(in srgb, var(--color-cyan) 60%, var(--color-hairline));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-cyan-soft) 82%, var(--color-canvas-elevated));min-width:12px;height:calc(100% - .9rem);padding:0 var(--spacing-xs);color:var(--color-ink);text-align:left;touch-action:none;cursor:grab;content-visibility:auto;contain-intrinsic-size:auto 3rem;align-items:center;display:flex;position:absolute;top:.45rem;overflow:hidden}.timeline-clip.is-audio{border-color:color-mix(in srgb, var(--color-violet) 60%, var(--color-hairline));background:color-mix(in srgb, var(--color-violet-soft) 82%, var(--color-canvas-elevated))}.timeline-clip.is-adjustment{border-color:color-mix(in srgb, #f59e0b 60%, var(--color-hairline));background:color-mix(in srgb, #f59e0b 22%, var(--color-canvas-elevated))}.timeline-clip.is-solid{border-color:color-mix(in srgb, #3b82f6 60%, var(--color-hairline));background:color-mix(in srgb, #3b82f6 22%, var(--color-canvas-elevated))}.timeline-clip.is-text{border-color:color-mix(in srgb, var(--color-teal) 60%, var(--color-hairline));background:color-mix(in srgb, var(--color-teal) 22%, var(--color-canvas-elevated))}.timeline-clip.is-selected{border-color:var(--color-link);box-shadow:inset 0 0 0 1px var(--color-link)}.timeline-clip:hover:not(.is-ghost){border-color:var(--color-link)}.timeline-clip.is-offline{border-color:var(--color-warning);background:var(--color-warning-soft)}.timeline-clip.is-ghost{z-index:4;opacity:.65;pointer-events:none;border-style:dashed}.timeline-thumbnail{object-fit:cover;opacity:.34;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.timeline-clip-placeholder{color:var(--color-body);opacity:.3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.timeline-waveform{padding:0 var(--spacing-xxs);opacity:.45;pointer-events:none;justify-content:space-around;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.timeline-waveform i{background:var(--color-ink);width:2px;min-height:2px}.timeline-clip-name,.timeline-clip-duration{z-index:1;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;position:relative;overflow:hidden}.timeline-clip-name{min-width:0;font-size:var(--text-body-sm);flex:1}.timeline-clip-name b{color:var(--color-warning-deep)}.timeline-clip-duration{margin-left:var(--spacing-xxs);color:var(--color-mute);font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex:none;font-size:.625rem}.clip-trim-handle{z-index:2;cursor:ew-resize;touch-action:none;background:0 0;border:0;width:6px;height:100%;padding:0;position:absolute;top:0}.clip-trim-handle:hover{background:color-mix(in srgb, var(--color-primary) 40%, transparent)}.clip-trim-start{left:0}.clip-trim-end{right:0}.clip-link-mark{z-index:2;right:var(--spacing-xxs);color:var(--color-link);pointer-events:none;font-size:.625rem;position:absolute;bottom:1px}.timeline-playhead,.timeline-snap-guide{z-index:10;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.timeline-playhead{background:var(--color-error)}.timeline-playhead>span{background:var(--color-error);width:9px;height:9px;position:absolute;top:0;left:-4px;transform:rotate(45deg)}.timeline-snap-guide{border-left:1px dashed var(--color-warning)}.timeline-marquee{z-index:9;border:1px solid var(--color-link);background:color-mix(in srgb, var(--color-link) 16%, transparent);pointer-events:none;position:absolute}.timeline-new-track-drop{border-bottom:1px dashed var(--color-hairline);min-height:2.5rem;color:var(--color-faint);font-size:var(--text-body-sm);place-items:center;display:grid}.timeline-new-track-drop.is-active{border-color:var(--color-link);background:var(--color-link-soft);color:var(--color-link)}.timeline-status-row{justify-content:space-between;align-items:center;gap:var(--spacing-xs);border-top:1px solid var(--color-hairline);min-height:1.75rem;padding:0 var(--spacing-sm);display:flex}.timeline-context-menu{z-index:1000;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);min-width:14rem;max-height:calc(100vh - 24px);padding:var(--spacing-xxs);box-shadow:var(--shadow-floating);font-size:var(--text-body-sm);flex-direction:column;display:flex;position:fixed;overflow-y:auto}.timeline-context-menu button{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm);padding:6px var(--spacing-sm);color:var(--color-body);text-align:left;font-size:12px;font-weight:var(--font-weight-normal);cursor:pointer;white-space:nowrap;background:0 0;border:0;line-height:1.25;display:flex}.timeline-context-menu button .menu-icon{opacity:.8;flex-shrink:0;width:14px;height:14px}.timeline-context-menu button:hover{background:var(--color-hairline-soft);color:var(--color-ink)}.timeline-context-menu button:hover .menu-icon{opacity:1}.timeline-context-menu hr{border:0;border-top:1px solid var(--color-hairline);width:100%;margin:var(--spacing-xxs) 0}.timeline-editor .timeline-empty{min-height:8rem}@media (width<=900px){.timeline-toolbar-row{padding-block:var(--spacing-xxs);flex-wrap:wrap;justify-content:flex-start}.timeline-tool-group{flex-wrap:wrap}.timeline-time-readout{font-size:.625rem}.timeline-status-row{white-space:nowrap;overflow:hidden}}@media (prefers-reduced-motion:reduce){.timeline-editor *,.timeline-editor :before,.timeline-editor :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.clip-keyframe-summary{border-top:1px solid var(--color-hairline);z-index:2;background:#0006;align-items:center;height:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.clip-keyframe-expand-btn{width:14px;height:14px;color:var(--color-mute);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:8px;display:flex}.clip-keyframe-expand-btn:hover{color:var(--color-ink)}.clip-keyframe-track{flex:1;height:100%;position:relative}.clip-keyframe-diamond{background:var(--color-primary);border:1px solid var(--color-canvas);cursor:pointer;z-index:3;width:7px;height:7px;transition:transform .1s;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.clip-keyframe-diamond:hover{transform:translate(-50%,-50%)rotate(45deg)scale(1.2)}.clip-keyframe-diamond.is-selected{background:var(--color-link);box-shadow:0 0 0 1px var(--color-link);border-color:#fff;width:8px;height:8px}.clip-keyframe-lanes{background:var(--color-canvas-elevated);border:1px solid var(--color-hairline);z-index:10;box-shadow:var(--shadow-floating);border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-top:0;position:absolute;top:calc(100% - 1px);left:0;right:0}.clip-keyframe-lane-row{border-bottom:1px solid var(--color-hairline-soft);align-items:center;height:18px;padding-left:4px;display:flex;position:relative}.clip-keyframe-lane-row:last-child{border-bottom:0}.clip-lane-label{font-size:9px;font-family:var(--font-mono);color:var(--color-body);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:48px;overflow:hidden}.timeline-transition-block{border-radius:var(--radius-sm);z-index:12;cursor:pointer;user-select:none;backdrop-filter:blur(2px);background:linear-gradient(135deg,#6366f173,#a855f773);border:1px solid #93c5fd99;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.timeline-transition-block.is-selected{background:linear-gradient(135deg,#6366f1a6,#a855f7a6);border-color:#facc15;box-shadow:0 0 0 1px #facc15,0 0 8px #facc1580}.timeline-transition-title{color:#fff;text-shadow:0 1px 2px #000c;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;padding:0 8px;font-size:10px;font-weight:600;overflow:hidden}.timeline-transition-handle{cursor:ew-resize;z-index:2;width:6px;position:absolute;top:0;bottom:0}.timeline-transition-handle.start{left:0}.timeline-transition-handle.end{right:0}.timeline-transition-handle:hover{background:#fff6}.caption-segment-view{border:1px solid color-mix(in srgb, #f59e0b 70%, var(--color-hairline));border-radius:var(--radius-sm);background:color-mix(in srgb, #f59e0b 20%, var(--color-canvas-elevated));min-width:14px;height:calc(100% - .9rem);padding:0 var(--spacing-xs);color:var(--color-ink);text-align:left;touch-action:none;cursor:grab;user-select:none;z-index:2;align-items:center;display:flex;position:absolute;top:.45rem;overflow:hidden}.caption-segment-view:hover{border-color:#f59e0b}.caption-segment-view.is-selected{border-color:var(--color-link);box-shadow:inset 0 0 0 1px var(--color-link), 0 0 0 1px var(--color-link);z-index:3}.caption-content{pointer-events:none;align-items:center;gap:.35rem;width:100%;min-width:0;display:flex;overflow:hidden}.caption-speaker{font-weight:600;font-size:var(--text-body-sm);color:#f59e0b;white-space:nowrap;flex-shrink:0}.caption-text{font-size:var(--text-body-sm);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.caption-inline-input{border:1px solid var(--color-link);border-radius:var(--radius-sm);background:var(--color-canvas);width:100%;color:var(--color-ink);font-size:var(--text-body-sm);pointer-events:auto;padding:1px 4px}.caption-trim-handle{cursor:ew-resize;z-index:4;background:0 0;border:none;width:8px;padding:0;position:absolute;top:0;bottom:0}.caption-trim-start{left:0}.caption-trim-end{right:0}.caption-segment-view:hover .caption-trim-handle{background:#f59e0b66}.timeline-marker-track{pointer-events:none;z-index:5;height:18px;position:absolute;top:0;left:0;right:0}.timeline-marker-item{pointer-events:auto;cursor:pointer;user-select:none;touch-action:none;outline:none;height:18px;position:absolute;top:0}.timeline-marker-item.is-point{z-index:6;width:12px;margin-left:-6px}.timeline-marker-item:focus-visible{outline:2px solid var(--color-link);outline-offset:1px}.timeline-marker-pin-wrapper{filter:drop-shadow(0 1px 2px #0006);justify-content:center;align-items:center;width:12px;height:18px;display:flex}.timeline-marker-pin{flex-shrink:0;display:block}.timeline-marker-item.is-selected .timeline-marker-pin-wrapper{filter:drop-shadow(0 0 3px var(--color-link))}.timeline-marker-label{text-overflow:ellipsis;white-space:nowrap;max-width:60px;overflow:hidden}.timeline-marker-item.is-range{z-index:2;position:absolute}.timeline-marker-item.is-range .timeline-marker-pin-wrapper.start-pin{z-index:2;position:absolute;top:0;left:-6px}.timeline-marker-item.is-range .timeline-marker-pin-wrapper.end-pin{z-index:2;position:absolute;top:0;right:-6px}.timeline-marker-range-bar{opacity:.85;height:12px;font-family:var(--font-sans);color:#fff;text-shadow:0 1px 2px #000000b3;z-index:1;border-radius:2px;align-items:center;padding:0 8px;font-size:9px;font-weight:500;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden;box-shadow:0 1px 2px #00000059}.timeline-marker-handle{cursor:ew-resize;z-index:4;width:10px;position:absolute;top:0;bottom:0}.timeline-marker-handle.handle-start{left:-5px}.timeline-marker-handle.handle-end{right:-5px}.timeline-marker-handle:hover{background:#ffffff40}.marker-context-menu{background:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--spacing-xxs);box-shadow:var(--shadow-floating);flex-direction:column;gap:2px;min-width:160px;display:flex;position:fixed}.marker-context-menu button{width:100%;color:var(--color-ink);font-size:var(--text-body-sm);border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px 8px;display:flex}.marker-context-menu button:hover{background:var(--color-hairline-soft)}.marker-context-menu .menu-divider{background:var(--color-hairline);height:1px;margin:2px 0}.marker-context-menu .menu-swatches-row{grid-template-columns:repeat(8,1fr);gap:3px;padding:4px 6px;display:grid}.marker-context-menu .swatch-btn{cursor:pointer;border:1px solid #0003;border-radius:2px;width:14px;height:14px;padding:0}.marker-context-menu .swatch-btn:hover{transform:scale(1.2)}.media-library{background:var(--color-canvas);flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.media-library.is-drop-target{outline:2px dashed var(--color-link);outline-offset:-4px;background:var(--color-link-soft)}.media-library-header{padding:var(--spacing-xs) var(--spacing-xs) 0;background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);flex-direction:column;flex:none;gap:6px;display:flex}.media-library-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.media-toolbar-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.media-toolbar-actions .secondary-button{height:1.75rem;min-height:1.75rem;font-size:11px;font-weight:var(--font-weight-medium);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);color:var(--color-body);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;padding:0 8px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.media-toolbar-actions .secondary-button:hover:not(:disabled){border-color:var(--color-mute);background:var(--color-hairline-soft);color:var(--color-ink)}.media-btn-icon{opacity:.85;flex:none}.media-view-toggle{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);display:flex;overflow:hidden}.media-view-toggle button,.media-asset-actions button{width:1.75rem;height:1.75rem;color:var(--color-body);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.media-view-toggle button[aria-pressed=true],.media-view-toggle button:hover,.media-asset-actions button:hover{background:var(--color-hairline-soft);color:var(--color-ink)}.media-filter-tabs{align-items:center;gap:4px;display:flex;overflow-x:auto}.media-search-size-row{align-items:center;gap:var(--spacing-xs);display:flex}.media-search{flex:auto;min-width:0}.media-search-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.media-search-icon{color:var(--color-mute);pointer-events:none;position:absolute;left:8px}.media-search input{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);width:100%;height:1.625rem;min-height:1.625rem;padding:0 var(--spacing-xs) 0 26px;color:var(--color-ink);font-size:11px}.media-thumbnail-size{color:var(--color-mute);flex:none;align-items:center;gap:4px;font-size:10.5px;display:flex}.media-size-icon{color:var(--color-mute);place-items:center;display:grid}.media-thumbnail-size input{width:48px;min-width:0;accent-color:var(--color-link)}.media-thumbnail-size output{color:var(--color-body);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:10px}.media-column-heading{color:var(--color-mute);font-size:10.5px;font-weight:var(--font-weight-medium);letter-spacing:.01em;justify-content:space-between;padding:2px 2px 4px;display:flex}.media-assets-scroll-area{min-height:0;padding:var(--spacing-xs);gap:var(--spacing-xs);flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.media-assets{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex}.media-assets-grid{align-content:start;gap:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));display:grid}.media-asset{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm);min-width:0;padding:var(--spacing-xxs);color:var(--color-ink);cursor:default;content-visibility:auto;contain-intrinsic-size:auto 4rem;border:1px solid #0000;display:flex;position:relative}.media-asset:hover{background:var(--color-hairline-soft)}.media-asset.is-selected{border-color:var(--color-link);background:var(--color-link-soft)}.media-asset-preview{width:clamp(3.5rem, calc(var(--media-thumbnail-height,40px) * 1.4), 12rem);height:var(--media-thumbnail-height,40px);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-canvas);flex:none;place-items:center;display:grid;overflow:hidden}.asset-poster{object-fit:cover;width:100%;height:100%;display:block}.asset-kind-icon{color:var(--color-body);font-size:1.2rem}.media-asset-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.media-asset-name{color:var(--color-ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:0;padding:0;line-height:1.25;overflow:hidden}.media-asset-meta{color:var(--color-mute);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.2;overflow:hidden}.media-status-line{align-items:center;gap:var(--spacing-xxs);display:flex}.media-chip{color:var(--color-mute);font-size:9.5px}.media-chip.is-offline,.media-chip.is-failed{color:var(--color-warning)}.media-chip.is-proxy{color:var(--color-link)}.media-chip.is-proxy-ready{color:var(--color-text);opacity:.85}.media-action-link{color:var(--color-link);cursor:pointer;background:0 0;border:0;padding:0;font-size:9.5px;text-decoration:underline}.media-asset-actions{opacity:0;flex:none;display:flex}.media-asset:hover .media-asset-actions,.media-asset:focus-within .media-asset-actions,.media-asset.is-selected .media-asset-actions{opacity:1}.media-asset-actions button{width:1.75rem;height:1.75rem}.media-rename-form input{border:1px solid var(--color-link);border-radius:var(--radius-sm);background:var(--color-canvas);width:100%;min-width:0;padding:2px var(--spacing-xxs);color:var(--color-ink)}.media-assets-grid .media-asset{border-color:var(--color-hairline);padding:var(--spacing-xxs);contain-intrinsic-size:auto 8rem;flex-direction:column;align-items:stretch}.media-assets-grid .media-asset-preview{width:100%;height:var(--media-thumbnail-height,40px)}.media-assets-list .media-asset{min-height:calc(var(--media-thumbnail-height,40px) + var(--spacing-xs));position:relative}.media-assets-list .media-asset-actions{right:var(--spacing-xxs);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);box-shadow:var(--shadow-floating);opacity:0;pointer-events:none;z-index:2;transition:opacity .15s;position:absolute;top:50%;transform:translateY(-50%)}.media-assets-list .media-asset:hover .media-asset-actions,.media-assets-list .media-asset:focus-within .media-asset-actions,.media-assets-list .media-asset.is-selected .media-asset-actions{opacity:1;pointer-events:auto}.media-assets-grid .media-asset-actions{top:var(--spacing-xxs);right:var(--spacing-xxs);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);position:absolute}.media-drop-empty{justify-content:center;align-items:center;gap:var(--spacing-xxs);border:1px dashed var(--color-hairline);border-radius:var(--radius-sm);min-height:10rem;color:var(--color-body);cursor:pointer;background:0 0;flex-direction:column;flex:1;display:flex}.media-drop-empty:hover{border-color:var(--color-link);background:var(--color-link-soft)}.media-drop-empty strong{color:var(--color-ink)}.media-drop-empty small{max-width:18rem;color:var(--color-mute);font-size:var(--text-body-xs);text-align:center}.media-drop-icon{color:var(--color-link);font-size:1.5rem}.media-import-queue,.media-failures{gap:var(--spacing-xxs);border-top:1px solid var(--color-hairline);padding-top:var(--spacing-xs);font-size:var(--text-body-xs);flex-direction:column;display:flex}.media-import-job{align-items:center;gap:var(--spacing-xxs);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.media-import-job>span:first-child,.media-failures p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-import-job button{color:var(--color-link);cursor:pointer;background:0 0;border:0}.media-failures{color:var(--color-warning)}.media-failures p{white-space:normal;margin:0}.media-library-footer{padding:5px var(--spacing-xs);border-top:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-mute);font-variant-numeric:tabular-nums;z-index:2;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:4px 8px;font-size:11px;display:flex}.media-library-footer .media-item-count,.media-library-footer .media-storage-count{white-space:nowrap}.media-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.audio-waveform{justify-content:center;align-items:center;gap:1px;width:100%;height:80%;display:flex}.audio-waveform span{background:var(--color-link);width:2px;min-height:2px}.media-delete-dialog,.media-relink-dialog{max-width:min(32rem,100vw - 2rem)}.media-delete-dialog:not([open]),.media-relink-dialog:not([open]){display:none}.media-delete-dialog[open],.media-relink-dialog[open]{z-index:20;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.media-delete-dialog::backdrop,.media-relink-dialog::backdrop{background:#0009}.media-delete-dialog .dialog-content,.media-relink-dialog .dialog-content{padding:var(--spacing-lg)}.media-delete-dialog .dialog-actions,.media-relink-dialog .dialog-actions{justify-content:flex-end;gap:var(--spacing-xs);display:flex}@media (prefers-reduced-motion:reduce){.media-asset-actions{transition:none}}.media-filter-tabs{border-bottom:1px solid var(--color-hairline);gap:4px;padding:2px 0;display:flex}.media-filter-tabs .filter-pill{border-radius:var(--radius-sm);color:var(--color-mute);cursor:pointer;background:0 0;border:1px solid #0000;padding:2px 8px;font-size:11px;transition:background-color .15s,color .15s}.media-filter-tabs .filter-pill:hover{background:var(--color-hairline-soft);color:var(--color-ink)}.media-filter-tabs .filter-pill.is-active{background:var(--color-hairline);color:var(--color-ink);font-weight:var(--font-weight-medium)}.media-new-sequence-btn{min-height:2rem}.sequence-icon{background:var(--color-hairline-soft);border-radius:var(--radius-xs);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex}.media-asset.is-sequence-asset{border-left:2px solid var(--color-link)}.effects-library{background:var(--color-canvas);height:100%;min-height:0;color:var(--color-body);font-family:var(--font-sans);font-size:var(--text-body-sm);flex-direction:column;display:flex}.effects-library-header{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs);border-bottom:1px solid var(--color-hairline);flex-direction:column;display:flex}.effects-search-input{border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background:var(--color-canvas-elevated);width:100%;color:var(--color-ink);font-size:var(--text-body-sm);outline:none;padding:6px 10px;transition:border-color .15s}.effects-search-input:focus{border-color:var(--color-primary)}.effects-category-tabs{scrollbar-width:none;gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.effects-category-tabs::-webkit-scrollbar{display:none}.effects-cat-btn{border-radius:var(--radius-pill);color:var(--color-mute);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;padding:3px 8px;font-size:.75rem;transition:all .15s}.effects-cat-btn:hover{color:var(--color-ink);background:var(--color-canvas-elevated)}.effects-cat-btn.is-active{background:var(--color-canvas-elevated);color:var(--color-ink);border-color:var(--color-hairline);font-weight:var(--font-weight-medium)}.effects-list{padding:var(--spacing-xs);flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.effect-card{border-radius:var(--radius-sm);border:1px solid var(--color-hairline-soft);background:var(--color-canvas-elevated);cursor:grab;user-select:none;flex-direction:column;padding:8px 10px;transition:border-color .15s,transform .1s;display:flex}.effect-card:hover{border-color:var(--color-hairline);background:var(--color-canvas-elevated)}.effect-card:active{cursor:grabbing}.effect-card-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.effect-card-title{font-weight:var(--font-weight-medium);color:var(--color-ink);font-size:.8125rem}.effect-card-badge{background:var(--color-canvas);color:var(--color-mute);border:1px solid var(--color-hairline-soft);text-transform:capitalize;border-radius:4px;padding:1px 5px;font-size:.6875rem}.effect-card-desc{color:var(--color-mute);margin-top:3px;font-size:.75rem;line-height:1.25}.effect-card-add-btn{border:1px solid var(--color-hairline);color:var(--color-body);cursor:pointer;background:0 0;border-radius:4px;align-self:flex-start;margin-top:6px;padding:2px 8px;font-size:.6875rem;transition:all .15s}.effect-card-add-btn:hover{background:var(--color-canvas);color:var(--color-ink);border-color:var(--color-primary)}.effects-empty{padding:var(--spacing-lg) var(--spacing-md);text-align:center;color:var(--color-mute);font-size:var(--text-body-sm)}.captions-panel{background:var(--color-canvas);height:100%;min-height:0;color:var(--color-body);font-family:var(--font-sans);font-size:var(--text-body-sm);flex-direction:column;display:flex;overflow:hidden}.captions-panel-header{padding:var(--spacing-xs) var(--spacing-sm);justify-content:space-between;align-items:center;gap:var(--spacing-xs);border-bottom:1px solid var(--color-hairline);background:var(--color-canvas);flex-shrink:0;display:flex}.captions-view-tabs{background:var(--color-canvas-subtle);border-radius:var(--radius-sm);border:1px solid var(--color-hairline);gap:4px;padding:2px;display:flex}.captions-view-tab{border-radius:var(--radius-xs);color:var(--color-mute);font-size:var(--text-label-sm);cursor:pointer;font-weight:var(--font-weight-medium);background:0 0;border:none;padding:3px 10px;transition:all .15s}.captions-view-tab:hover{color:var(--color-ink)}.captions-view-tab.is-active{background:var(--color-canvas-elevated);color:var(--color-ink);box-shadow:0 1px 2px #0000000d}.captions-header-actions{align-items:center;gap:6px;display:flex}.captions-btn-icon{border-radius:var(--radius-sm);border:1px solid var(--color-hairline);height:28px;color:var(--color-ink);font-size:var(--text-label-sm);cursor:pointer;white-space:nowrap;background:#181820;justify-content:center;align-items:center;gap:5px;padding:5px 12px;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0003}.captions-btn-icon:hover:not(:disabled){color:#fff;background:#242430;border-color:#383848}.captions-btn-icon:active:not(:disabled){transform:translateY(1px)}.captions-btn-icon:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.captions-btn-primary{color:#fff;background:#0070f3;border-color:#0070f3;font-weight:600;box-shadow:0 1px 4px #0070f359}.captions-btn-primary:hover:not(:disabled){color:#fff;background:#0060df;border-color:#0060df;box-shadow:0 2px 8px #0070f373}.captions-btn-primary:active:not(:disabled){background:#0050cc;border-color:#0050cc}.captions-track-bar{padding:6px var(--spacing-sm);background:var(--color-canvas-subtle);border-bottom:1px solid var(--color-hairline);font-size:var(--text-label-sm);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.captions-track-select{border-radius:var(--radius-xs);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-label-sm);outline:none;max-width:160px;padding:2px 6px}.captions-empty{padding:var(--spacing-lg);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--color-mute);flex-direction:column;height:100%;display:flex}.captions-empty-icon{opacity:.6;font-size:32px}.captions-empty-hint{font-size:var(--text-body-sm);max-width:280px;line-height:1.4}.captions-cue-list-container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.captions-cue-list{padding:var(--spacing-xs) var(--spacing-sm);flex-direction:column;flex:1;gap:6px;display:flex;overflow:hidden auto}.caption-cue-item{background:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:8px 10px;transition:all .15s;display:flex;position:relative}.caption-cue-item:hover{border-color:var(--color-hairline-strong)}.caption-cue-item.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.caption-cue-item.is-playing{background:var(--color-selection,#3b82f614)}.caption-cue-header{font-size:var(--text-label-xs);color:var(--color-mute);justify-content:space-between;align-items:center;gap:6px;display:flex}.caption-cue-timestamps{font-family:var(--font-mono);cursor:pointer;border-radius:var(--radius-xs);align-items:center;gap:4px;padding:2px 4px;transition:background .1s;display:flex}.caption-cue-timestamps:hover{background:var(--color-hairline-soft);color:var(--color-ink)}.caption-cue-timestamps .timestamp-arrow{opacity:.5}.caption-cue-tools{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.caption-cue-item:hover .caption-cue-tools,.caption-cue-item.is-selected .caption-cue-tools{opacity:1}.caption-cue-tool-btn{border-radius:var(--radius-xs);height:20px;color:var(--color-mute);cursor:pointer;background:0 0;border:none;padding:2px 5px;font-size:11px;transition:all .1s}.caption-cue-tool-btn:hover{background:var(--color-hairline);color:var(--color-ink)}.caption-cue-tool-btn.btn-delete:hover{background:var(--color-danger,#ef4444);color:#fff}.caption-cue-textarea{border:1px solid var(--color-hairline);border-radius:var(--radius-xs);background:var(--color-canvas);width:100%;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-body-sm);resize:vertical;outline:none;min-height:48px;padding:6px 8px;line-height:1.35;transition:border-color .15s}.caption-cue-textarea:focus{border-color:var(--color-primary)}.caption-cue-words{flex-wrap:wrap;gap:3px;padding-top:2px;display:flex}.caption-cue-word{background:var(--color-canvas-subtle);color:var(--color-mute);cursor:pointer;border-radius:2px;padding:1px 4px;font-size:11px}.caption-cue-word.is-active-word{background:var(--color-primary);color:#fff;font-weight:var(--font-weight-medium)}.captions-style-editor{gap:var(--spacing-sm);padding:var(--spacing-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.captions-style-group{border-bottom:1px solid var(--color-hairline);padding-bottom:var(--spacing-sm);flex-direction:column;gap:6px;display:flex}.captions-style-group:last-child{border-bottom:none}.captions-group-title{font-size:var(--text-label-sm);font-weight:var(--font-weight-medium);color:var(--color-ink);justify-content:space-between;align-items:center;display:flex}.captions-presets-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.caption-preset-card{border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background:var(--color-canvas-elevated);cursor:pointer;text-align:left;flex-direction:column;gap:2px;padding:8px 10px;transition:all .15s;display:flex}.caption-preset-card:hover{border-color:var(--color-hairline-strong)}.caption-preset-card.is-active{border-color:var(--color-primary);background:var(--color-selection,#3b82f614)}.caption-preset-name{font-size:var(--text-label-sm);font-weight:var(--font-weight-medium);color:var(--color-ink)}.caption-preset-desc{color:var(--color-mute);font-size:11px;line-height:1.25}.captions-field-row{font-size:var(--text-body-sm);justify-content:space-between;align-items:center;gap:8px;display:flex}.captions-field-row label{color:var(--color-body);flex-shrink:0}.captions-input{border-radius:var(--radius-xs);border:1px solid var(--color-hairline);background:var(--color-canvas-elevated);color:var(--color-ink);font-size:var(--text-body-sm);text-align:right;outline:none;width:90px;padding:3px 8px}.captions-input:focus{border-color:var(--color-primary)}.captions-select{border-radius:var(--radius-xs);border:1px solid var(--color-hairline);background:var(--color-canvas-elevated);color:var(--color-ink);font-size:var(--text-body-sm);outline:none;max-width:140px;padding:3px 8px}.captions-range-wrapper{flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.captions-range-wrapper input[type=range]{flex:1;max-width:100px}.inspector-container{height:100%;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-body-sm);user-select:none;flex-direction:column;display:flex;overflow:hidden auto}.inspector-empty,.inspector-multiselect{padding:var(--spacing-md);gap:var(--spacing-md);color:var(--color-mute);flex-direction:column;display:flex}.inspector-hint{font-size:var(--text-body-sm);color:var(--color-body);line-height:1.4}.inspector-section{border-bottom:1px solid var(--color-hairline)}.inspector-section-header{width:100%;padding:var(--spacing-xs) var(--spacing-xs);color:var(--color-ink);font-weight:var(--font-weight-medium);font-size:var(--text-label-sm);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.inspector-section-header:hover{background:var(--color-hairline-soft)}.inspector-section-title{align-items:center;gap:var(--spacing-xs);display:flex}.section-chevron{color:var(--color-mute);font-size:10px;transition:transform .15s;display:inline-block}.inspector-section.is-open .section-chevron{transform:rotate(90deg)}.inspector-section-content{padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-sm);flex-direction:column;gap:6px;display:flex}.property-row{font-size:var(--text-body-sm);flex-direction:column;gap:4px;display:flex}.property-header{justify-content:space-between;align-items:center;height:24px;display:flex}.property-meta{align-items:center;gap:6px;min-width:0;display:flex}.property-stopwatch{width:18px;height:18px;color:var(--color-mute);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .1s,background .1s;display:inline-flex}.property-stopwatch:hover{color:var(--color-ink);background:var(--color-hairline-soft)}.property-stopwatch.is-active{color:var(--color-link)}.property-label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-body);cursor:col-resize;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.property-label:hover{color:var(--color-ink)}.property-controls{align-items:center;gap:4px;display:flex}.keyframe-nav{align-items:center;gap:2px;display:inline-flex}.keyframe-nav-btn{width:16px;height:16px;color:var(--color-mute);cursor:pointer;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:9px;display:inline-flex}.keyframe-nav-btn:hover:not(:disabled){color:var(--color-ink);background:var(--color-hairline-soft)}.keyframe-nav-btn:disabled{opacity:.3;cursor:default}.keyframe-diamond-btn{width:16px;height:16px;color:var(--color-link);cursor:pointer;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:11px;display:inline-flex}.keyframe-diamond-btn:hover{background:var(--color-hairline-soft)}.property-reset{width:16px;height:16px;color:var(--color-mute);cursor:pointer;opacity:.6;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:10px;display:inline-flex}.property-reset:hover{opacity:1;color:var(--color-ink)}.property-inputs-wrapper{align-items:center;gap:4px;width:100%;min-width:0;display:flex}.property-inputs{flex:1;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:4px;width:100%;min-width:0;display:grid}.channel-field{background:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);box-sizing:border-box;align-items:center;gap:2px;min-width:0;height:24px;padding:0 4px 0 5px;transition:border-color .15s;display:flex}.channel-field:focus-within{border-color:var(--color-primary)}.channel-label{font-size:10px;font-family:var(--font-mono);color:var(--color-mute);font-weight:var(--font-weight-medium);cursor:col-resize;user-select:none;flex:none}.channel-input{width:100%;min-width:1.5rem;color:var(--color-ink);font-family:var(--font-mono);text-align:right;background:0 0;border:0;outline:none;flex:1 1 0;padding:0;font-size:10.5px}.channel-unit{font-size:9.5px;font-family:var(--font-mono);color:var(--color-mute);user-select:none;flex:none;padding-left:1px}.link-scale-btn{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);width:20px;height:24px;color:var(--color-mute);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;font-size:11px;transition:color .15s,border-color .15s;display:inline-flex}.link-scale-btn:hover{color:var(--color-ink);border-color:var(--color-body)}.link-scale-btn.is-linked{color:var(--color-link)}.disable-confirm-box{background:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);flex-direction:column;gap:6px;margin-top:4px;padding:8px;font-size:11px;display:flex}.disable-confirm-actions{justify-content:flex-end;gap:4px;display:flex}.disable-confirm-btn{border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);cursor:pointer;padding:2px 6px;font-size:10px}.disable-confirm-btn:hover{background:var(--color-hairline-soft)}.disable-confirm-btn.is-danger{color:var(--color-error);border-color:var(--color-error-deep)}.effects-section-container{border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:8px;transition:background-color .15s,border-color .15s;display:flex}.effects-section-container.is-drop-active{background-color:var(--color-canvas-elevated);outline:2px dashed var(--color-primary)}.effects-section-toolbar{border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:center;gap:6px;padding-bottom:6px;display:flex}.effects-toolbar-left,.effects-toolbar-right{align-items:center;gap:6px;display:flex}.effects-dropdown-wrapper{position:relative}.effects-btn-primary{border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;border:none;padding:3px 8px}.effects-btn-secondary{border-radius:var(--radius-sm);background:var(--color-canvas-elevated);color:var(--color-ink);border:1px solid var(--color-hairline);cursor:pointer;padding:3px 8px;font-size:.75rem}.effects-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--color-hairline);color:var(--color-mute);cursor:pointer;background:0 0;padding:2px 6px;font-size:.75rem}.effects-icon-btn:hover:not(:disabled){color:var(--color-ink);background:var(--color-canvas-elevated)}.effects-menu-dropdown{z-index:50;background:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);min-width:160px;max-height:240px;box-shadow:var(--shadow-floating);flex-direction:column;margin-top:4px;padding:4px 0;display:flex;position:absolute;top:100%;left:0;overflow-y:auto}.effects-menu-header{color:var(--color-mute);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:var(--font-weight-semibold);padding:4px 8px}.effects-menu-item{width:100%;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.75rem;display:flex}.effects-menu-item:hover{background:var(--color-canvas);color:var(--color-primary)}.effects-menu-cat{color:var(--color-mute);text-transform:capitalize;font-size:.6875rem}.effects-user-preset-item{justify-content:space-between;align-items:center;padding-right:4px;display:flex}.effects-preset-del{color:var(--color-mute);cursor:pointer;background:0 0;border:none;font-size:.875rem;line-height:1}.effects-preset-del:hover{color:var(--color-error)}.effects-empty-dropzone{padding:var(--spacing-md);text-align:center;color:var(--color-mute);border:1px dashed var(--color-hairline);border-radius:var(--radius-sm);font-size:.75rem}.effects-stack{flex-direction:column;gap:8px;display:flex}.effect-stack-item{border:1px solid var(--color-hairline-soft);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);overflow:hidden}.effect-stack-item.is-disabled{opacity:.6}.effect-item-header{background:var(--color-canvas);border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;display:flex}.effect-header-left{align-items:center;gap:6px;display:flex;overflow:hidden}.effect-expand-btn{color:var(--color-mute);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.effect-title{font-size:.8125rem;font-weight:var(--font-weight-medium);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.effect-header-actions{align-items:center;gap:2px;display:flex}.effects-action-btn{color:var(--color-mute);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:2px 4px;font-size:.75rem}.effects-action-btn:hover:not(:disabled){color:var(--color-ink);background:var(--color-canvas-elevated)}.effects-action-btn.is-danger:hover{color:var(--color-error)}.effect-item-body{flex-direction:column;gap:6px;padding:6px 8px;display:flex}.effect-custom-param-row{justify-content:space-between;align-items:center;padding:2px 0;font-size:.75rem;display:flex}.effect-color-input-wrapper{align-items:center;gap:4px;display:flex}.effect-color-swatch{border:1px solid var(--color-hairline);cursor:pointer;background:0 0;border-radius:3px;width:22px;height:22px;padding:0}.effect-color-text{border:1px solid var(--color-hairline);background:var(--color-canvas);width:70px;color:var(--color-ink);border-radius:3px;padding:2px 4px;font-size:.6875rem}.effects-eyedropper-btn{border:1px solid var(--color-hairline);background:var(--color-canvas);cursor:pointer;border-radius:3px;padding:2px 4px;font-size:.75rem}.effect-enum-select{border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);border-radius:3px;padding:2px 6px;font-size:.75rem}.effect-bool-label{cursor:pointer;color:var(--color-body);align-items:center;gap:6px;display:flex}.effect-preset-save-bar{border-top:1px solid var(--color-hairline-soft);justify-content:flex-end;padding-top:4px;display:flex}.effect-save-preset-trigger{color:var(--color-mute);cursor:pointer;background:0 0;border:none;font-size:.6875rem;text-decoration:underline}.effect-save-preset-trigger:hover{color:var(--color-ink)}.effect-save-preset-form{align-items:center;gap:4px;display:flex}.effect-preset-name-input{border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);border-radius:3px;padding:2px 6px;font-size:.6875rem}.masks-section{flex-direction:column;gap:8px;display:flex}.mask-add-bar{gap:6px;width:100%;margin-bottom:6px;display:flex}.mask-type-btn{border-radius:var(--radius-sm);background:var(--color-canvas-elevated);color:var(--color-ink);border:1px solid var(--color-hairline);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;user-select:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;transition:background-color .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.mask-type-btn:hover{background:var(--color-hairline-soft);border-color:var(--color-primary);color:var(--color-ink)}.mask-type-btn:active{transform:scale(.97)}.mask-type-btn svg{width:13px;height:13px;color:var(--color-mute);flex-shrink:0;transition:color .15s}.mask-type-btn:hover svg{color:var(--color-primary)}.mask-btn-secondary{border-radius:var(--radius-sm);background:var(--color-canvas-elevated);color:var(--color-ink);border:1px solid var(--color-hairline);cursor:pointer;padding:3px 8px;font-size:.72rem;transition:background-color .15s,border-color .15s}.mask-btn-secondary:hover:not(:disabled){background:var(--color-hairline-soft);border-color:var(--color-primary)}.mask-btn-ghost{border-radius:var(--radius-sm);color:var(--color-mute);cursor:pointer;background:0 0;border:1px solid #0000;padding:3px 6px;font-size:.72rem;transition:all .15s}.mask-btn-ghost:hover:not(:disabled){color:var(--color-ink);background:var(--color-canvas-elevated);border-color:var(--color-hairline)}.mask-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.mask-btn-danger{color:#ef4444}.mask-btn-danger:hover:not(:disabled){color:#ef4444;background:#ef44441a;border-color:#ef44444d}.color-picker-field-root{flex-direction:column;gap:4px;width:100%;display:flex}.color-picker-main-row{align-items:center;gap:4px;width:100%;min-width:0;display:flex}.color-swatch-container{border-radius:var(--radius-sm);border:1px solid var(--color-hairline);cursor:pointer;background-color:#1a1a1a;background-image:linear-gradient(45deg,#2a2a2a 25%,#0000 25%),linear-gradient(-45deg,#2a2a2a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2a2a 75%),linear-gradient(-45deg,#0000 75%,#2a2a2a 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;flex:0 0 24px;width:24px;height:24px;transition:border-color .15s;position:relative;overflow:hidden}.color-swatch-container:hover{border-color:var(--color-primary)}.color-swatch-preview{border-radius:inherit;width:100%;height:100%}.color-swatch-native-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.color-hex-wrapper{background:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);flex:auto;align-items:center;gap:2px;min-width:60px;height:24px;padding:0 5px;transition:border-color .15s;display:flex}.color-hex-wrapper:focus-within{border-color:var(--color-primary)}.color-hex-prefix{font-family:var(--font-mono);color:var(--color-mute);user-select:none;font-size:11px}.color-hex-input{width:100%;color:var(--color-ink);font-family:var(--font-mono);text-transform:uppercase;background:0 0;border:0;outline:none;padding:0;font-size:11px}.color-alpha-wrapper{background:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);flex:0 0 58px;align-items:center;gap:2px;width:58px;height:24px;padding:0 4px;transition:border-color .15s;display:flex}.color-alpha-wrapper:focus-within{border-color:var(--color-primary)}.color-alpha-label{font-family:var(--font-mono);color:var(--color-mute);user-select:none;font-size:9.5px}.color-alpha-input{width:100%;color:var(--color-ink);font-family:var(--font-mono);text-align:right;background:0 0;border:0;outline:none;padding:0;font-size:10.5px}.color-alpha-unit{font-family:var(--font-mono);color:var(--color-mute);user-select:none;font-size:9.5px}.color-channels-toggle{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);width:22px;height:24px;color:var(--color-mute);cursor:pointer;background:0 0;flex:0 0 22px;justify-content:center;align-items:center;font-size:9px;transition:all .15s;display:flex}.color-channels-toggle:hover,.color-channels-toggle.is-active{background:var(--color-hairline-soft);color:var(--color-ink);border-color:var(--color-primary)}.color-palette-row{align-items:center;gap:4px;padding-top:1px;display:flex}.color-palette-swatch{border:1px solid var(--color-hairline);cursor:pointer;border-radius:2px;flex:0 0 14px;width:14px;height:14px;padding:0;transition:transform .1s,border-color .15s}.color-palette-swatch:hover{border-color:var(--color-primary);transform:scale(1.15)}.color-palette-swatch.is-selected{outline:1.5px solid var(--color-link);outline-offset:1px}.color-rgba-channels-grid{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:2px;display:grid}.tracking-container{gap:var(--spacing-sm);font-size:var(--text-body-sm);flex-direction:column;display:flex}.tracking-header-row{justify-content:space-between;align-items:center;display:flex}.tracking-card{gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);flex-direction:column;display:flex}.tracking-card-header{justify-content:space-between;align-items:center;gap:var(--spacing-xs);display:flex}.tracking-select,.tracking-input{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-canvas);height:24px;color:var(--color-ink);font-size:var(--text-body-sm);padding:0 var(--spacing-xs);outline:none;transition:border-color .15s}.tracking-select:focus,.tracking-input:focus{border-color:var(--color-link)}.tracking-btn{height:24px;padding:0 var(--spacing-xs);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);color:var(--color-ink);font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.tracking-btn:hover:not(:disabled){background:var(--color-hairline-soft);border-color:var(--color-primary)}.tracking-btn:disabled{opacity:.45;cursor:not-allowed}.tracking-btn-primary{background:var(--color-link);border-color:var(--color-link-deep);color:#fff}.tracking-btn-primary:hover:not(:disabled){background:var(--color-link-deep);border-color:var(--color-link)}.tracking-btn-accent{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.tracking-btn-accent:hover:not(:disabled){opacity:.9}.tracking-btn-danger{color:var(--color-error);background:0 0;border-color:#0000}.tracking-btn-danger:hover:not(:disabled){background:#ee00001a;border-color:#ee000040}.tracking-progress-bar{border-radius:var(--radius-full);background:var(--color-hairline);width:100%;height:4px;overflow:hidden}.tracking-progress-fill{background:var(--color-link);height:100%;transition:width .1s}.audio-fade-grid{padding:var(--spacing-xxs) 0;flex-direction:column;gap:6px;display:flex}.audio-fade-row{justify-content:space-between;align-items:center;height:24px;display:flex}.audio-fade-label{font-size:var(--text-body-sm);color:var(--color-mute)}.audio-fade-input{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-canvas-elevated);width:64px;height:22px;color:var(--color-ink);font-family:var(--font-mono);text-align:right;outline:none;padding:0 6px;font-size:11px;transition:border-color .15s}.audio-fade-input:focus{border-color:var(--color-link)}.color-panel{background:var(--color-canvas);height:100%;min-height:0;color:var(--color-body);font-family:var(--font-sans);font-size:var(--text-body-sm);flex-direction:column;display:flex}.color-panel-tabs{border-bottom:1px solid var(--color-hairline);background:var(--color-canvas);padding:0 4px;display:flex}.color-tab-btn{color:var(--color-mute);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 12px;transition:all .15s}.color-tab-btn:hover{color:var(--color-ink)}.color-tab-btn.is-active{color:var(--color-ink);border-bottom-color:var(--color-primary)}.color-tab-content{padding:var(--spacing-sm);flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.color-slider-row{flex-direction:column;gap:3px;display:flex}.color-slider-label{color:var(--color-mute);justify-content:space-between;font-size:.75rem;display:flex}.color-slider-val{font-family:var(--font-mono);color:var(--color-ink)}.color-range-input{-webkit-appearance:none;appearance:none;background:var(--color-hairline);cursor:pointer;border-radius:9999px;outline:none;width:100%;height:6px;transition:background .15s}.color-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:ew-resize;background:#fff;border:2px solid #0f172a;border-radius:50%;width:14px;height:14px;transition:transform .1s,box-shadow .1s;box-shadow:0 1px 3px #0009}.color-range-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 3px #ffffff40,0 2px 4px #000000b3}.color-range-input::-moz-range-thumb{cursor:ew-resize;background:#fff;border:2px solid #0f172a;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0009}.color-range-temp{background:linear-gradient(90deg,#2563eb 0%,#38bdf8 25%,#64748b 50%,#f59e0b 75%,#ea580c 100%)}.color-range-tint{background:linear-gradient(90deg,#16a34a 0%,#22c55e 25%,#64748b 50%,#d946ef 75%,#c026d3 100%)}.curves-container{flex-direction:column;gap:8px;display:flex}.curves-channel-tabs{gap:4px;display:flex}.curves-channel-btn{border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background:var(--color-canvas-elevated);color:var(--color-mute);cursor:pointer;padding:2px 8px;font-size:.6875rem}.curves-channel-btn.is-active{color:var(--color-ink);font-weight:var(--font-weight-medium);border-color:var(--color-primary)}.curves-channel-btn.is-red.is-active{color:#ef4444;border-color:#ef4444}.curves-channel-btn.is-green.is-active{color:#22c55e;border-color:#22c55e}.curves-channel-btn.is-blue.is-active{color:#3b82f6;border-color:#3b82f6}.curves-svg-box{aspect-ratio:1;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;background:#111;width:100%}.curves-help-text{color:var(--color-mute);text-align:center;font-size:.6875rem}.wheels-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.wheel-card{background:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:8px;padding:10px 12px;display:flex;box-shadow:0 1px 3px #0003}.wheel-header{justify-content:space-between;align-items:center;width:100%;display:flex}.wheel-title{font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--color-ink)}.wheel-reset-btn{border:1px solid var(--color-hairline);color:var(--color-mute);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;transition:all .15s;display:flex}.wheel-reset-btn:hover{color:var(--color-ink);border-color:var(--color-body);background:#ffffff14}.wheel-disc-container{justify-content:center;align-items:center;display:flex;position:relative}.wheel-svg{cursor:crosshair;touch-action:none;background:radial-gradient(circle,#181820 0%,#18182066 22%,#0000 70%,#0a0a0ebf 100%),conic-gradient(#22c55e 0deg,#eab308 60deg,#ef4444 110deg,#ec4899 160deg,#a855f7 210deg,#3b82f6 260deg,#06b6d4 310deg,#22c55e 360deg);border:1.5px solid #2e2e38;border-radius:50%;width:140px;height:140px;box-shadow:inset 0 0 12px #000000b3,0 2px 8px #0006}.wheel-puck{stroke:#fff;stroke-width:1.8px;filter:drop-shadow(0 2px 3px #000c);transition:r .1s}.wheel-puck:hover{r:6.5}.wheel-readouts{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);width:100%;font-family:var(--font-mono);background:#0006;justify-content:space-between;padding:3px 6px;font-size:.6875rem;display:flex}.wheel-readout-item{align-items:center;gap:3px;display:flex}.readout-label{font-size:.625rem;font-weight:600}.readout-r .readout-label{color:#f87171}.readout-r{color:#fca5a5}.readout-g .readout-label{color:#4ade80}.readout-g{color:#86efac}.readout-b .readout-label{color:#60a5fa}.readout-b{color:#93c5fd}.lut-container{flex-direction:column;gap:12px;display:flex}.lut-select-field{flex-direction:column;gap:4px;display:flex}.lut-select{border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background:var(--color-canvas-elevated);color:var(--color-ink);padding:6px 10px;font-size:.75rem}.lut-dropzone{border:2px dashed var(--color-hairline);border-radius:var(--radius-sm);padding:var(--spacing-md);text-align:center;cursor:pointer;transition:border-color .15s}.lut-dropzone:hover,.lut-dropzone.is-drag-over{border-color:var(--color-primary)}.lut-error-msg{border-radius:var(--radius-sm);color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;padding:6px 10px;font-size:.75rem}.workspace-shell-container{background:var(--color-canvas,#000);flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.layout-split{width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.layout-split.is-horizontal{flex-direction:row}.layout-split.is-vertical{flex-direction:column}.layout-split-child{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.layout-splitter{background:var(--color-hairline,#222);z-index:10;cursor:col-resize;user-select:none;touch-action:none;flex:0 0 6px;transition:background .15s;position:relative}.layout-splitter:hover,.layout-splitter:focus-visible,.layout-splitter.is-active{background:var(--color-link,#0070f3);outline:none}.layout-splitter.is-vertical{cursor:row-resize;width:100%;height:6px}.layout-splitter.is-horizontal{cursor:col-resize;width:6px;height:100%}.layout-stack{background:var(--color-canvas-elevated,#111);border:1px solid var(--color-hairline,#222);flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.layout-stack-header{background:var(--color-canvas,#0a0a0a);border-bottom:1px solid var(--color-hairline,#222);user-select:none;justify-content:space-between;align-items:center;height:32px;min-height:32px;padding:0 4px;display:flex}.layout-tablist{scrollbar-width:none;align-items:center;gap:2px;height:100%;display:flex;overflow-x:auto}.layout-tablist::-webkit-scrollbar{display:none}.layout-tab{height:26px;color:var(--color-mute,#888);font-family:var(--font-sans,inherit);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;transition:color .1s,background .1s;display:inline-flex}.layout-tab:hover{color:var(--color-ink,#eee);background:#ffffff0d}.layout-tab.is-active{color:var(--color-ink,#fff);background:var(--color-canvas-elevated,#1a1a1a);border:1px solid var(--color-hairline,#333)}.layout-tab:focus-visible{outline:2px solid var(--color-link,#0070f3);outline-offset:-1px}.layout-stack-actions{align-items:center;gap:4px;display:flex}.layout-header-btn{color:var(--color-mute,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11px;line-height:1}.layout-header-btn:hover{color:var(--color-ink,#fff);background:#ffffff14}.layout-stack-content{flex:auto;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.layout-panel-body{flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.layout-panel-body>.project-panel-content,.layout-panel-body>.source-monitor-content,.layout-panel-body>.preview-panel-content,.layout-panel-body>.timeline-panel,.layout-panel-body>.inspector-content,.layout-panel-body>.media-library-view,.layout-panel-body>.keepalive-slot{flex-direction:column;flex:auto;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}@media (width<=54rem){.layout-split.is-horizontal>div>.layout-split-child.has-media-panel,.layout-split.is-horizontal>div>.layout-split-child.has-inspector-panel{display:none!important}.layout-split.is-horizontal>div>.layout-split-child.has-monitors{flex:100%!important;width:100%!important}.layout-split.is-horizontal>div>.layout-splitter{display:none!important}}.keepalive-slot{flex-direction:column;width:100%;height:100%;display:flex}.keepalive-hidden-vault{visibility:hidden;pointer-events:none;width:0;height:0;position:absolute;top:-9999px;left:-9999px;overflow:hidden}.workspace-bar .workspace-tab{color:var(--color-mute,#888);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s}.workspace-bar .workspace-tab:hover,.workspace-bar .workspace-tab.is-active{color:var(--color-ink,#fff)}.workspace-bar .workspace-tab:focus-visible{outline:2px solid var(--color-link,#0070f3);outline-offset:-2px}.workspace-overflow-btn{color:var(--color-mute,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;height:100%;padding:0 8px;font-size:14px;display:flex}.workspace-overflow-btn:hover{color:var(--color-ink,#fff);background:#ffffff0d}.workspace-overflow-menu{z-index:50;background:var(--color-canvas-elevated,#1a1a1a);border:1px solid var(--color-hairline,#333);border-radius:6px;flex-direction:column;gap:2px;min-width:160px;padding:4px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 4px 16px #00000080}.workspace-overflow-item{width:100%;color:var(--color-ink,#eee);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.workspace-overflow-item:hover,.workspace-overflow-item:focus-visible{background:var(--color-link,#0070f3);color:#fff;outline:none}