:root{--cf-bg0: #0e0f11;--cf-bg1: #16171a;--cf-bg2: #1d1f23;--cf-text: #e8e9ec;--cf-text-body: #c3c6cc;--cf-text-muted: #82868f;--cf-accent: #4d9fff;--cf-sep: #26282d;--cf-playhead: #ff4b4b;--cf-selection: #ffd166;--cf-track-bg: #151619;--cf-clip1-a: #e0642f;--cf-clip1-b: #7a1f3d;--cf-clip2-a: #2f7fe0;--cf-clip2-b: #123c6e;--cf-clip3-a: #3fae6a;--cf-clip3-b: #14503a;--cf-fs-xs: 10px;--cf-fs-sm: 11px;--cf-fs-md: 12px;--cf-fs-lg: 13px;--cf-sp-1: 4px;--cf-sp-2: 7px;--cf-sp-3: 10px;--cf-r-sm: 1px;--cf-r-md: 2px;--cf-font: ui-monospace, "SF Mono", "Menlo", "Roboto Mono", "Consolas", monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--cf-bg0);color:var(--cf-text-body);font-family:var(--cf-font);font-size:var(--cf-fs-md);line-height:1.4}::selection{background:var(--cf-accent);color:var(--cf-bg0)}::-webkit-scrollbar{width:10px;height:10px;background:var(--cf-bg1)}::-webkit-scrollbar-thumb{background:var(--cf-sep);border-radius:var(--cf-r-md)}::-webkit-scrollbar-corner{background:var(--cf-bg1)}:focus{outline:none}:focus-visible{outline:1px solid var(--cf-accent);outline-offset:-1px}.cf-app{display:grid;grid-template-rows:36px minmax(0,1fr) 236px;grid-template-columns:minmax(0,1fr);height:100%;overflow:hidden}.cf-main{display:grid;grid-template-columns:240px minmax(0,1fr) 252px;min-height:0}.cf-btn{font-family:var(--cf-font);font-size:var(--cf-fs-sm);color:var(--cf-text-body);background:var(--cf-bg2);border:1px solid var(--cf-sep);border-radius:var(--cf-r-md);padding:2px var(--cf-sp-2);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;line-height:1.5}.cf-btn:hover:not(:disabled){color:var(--cf-text);border-color:var(--cf-text-muted)}.cf-btn:disabled{color:var(--cf-text-muted);cursor:default;background:var(--cf-bg1)}.cf-btn[data-active=true]{color:var(--cf-accent);border-color:var(--cf-accent)}.cf-btn-primary{background:var(--cf-accent);color:var(--cf-bg0);border-color:var(--cf-accent)}.cf-btn-primary:hover:not(:disabled){color:var(--cf-bg0);border-color:var(--cf-accent)}.cf-btn-primary:disabled{background:var(--cf-bg2);border-color:var(--cf-sep);color:var(--cf-text-muted)}.cf-btn-icon{padding:2px var(--cf-sp-1);min-width:20px}input,select,textarea{font-family:var(--cf-font);font-size:var(--cf-fs-sm);color:var(--cf-text);background:var(--cf-bg2);border:1px solid var(--cf-sep);border-radius:var(--cf-r-sm);padding:1px var(--cf-sp-1);accent-color:var(--cf-accent);caret-color:var(--cf-accent)}input:hover,select:hover,textarea:hover{border-color:var(--cf-text-muted)}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=color]{padding:0;width:28px;height:16px;background:var(--cf-bg2)}textarea{resize:vertical}.cf-section-title{font-size:var(--cf-fs-xs);color:var(--cf-text-muted);text-transform:uppercase;letter-spacing:1px;-webkit-user-select:none;user-select:none}.cf-muted{color:var(--cf-text-muted)}.cf-topbar{position:relative;display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);align-items:center;gap:var(--cf-sp-2);background:var(--cf-bg1);border-bottom:1px solid var(--cf-sep);padding:0 var(--cf-sp-3)}.cf-brand{display:flex;align-items:center;gap:var(--cf-sp-2);-webkit-user-select:none;user-select:none}.cf-brand-mark{width:12px;height:12px;background:var(--cf-accent);border-radius:var(--cf-r-sm)}.cf-brand-name{font-size:var(--cf-fs-lg);font-weight:700;letter-spacing:2px;color:var(--cf-text)}.cf-brand-chip{font-size:var(--cf-fs-xs);letter-spacing:1px;color:var(--cf-text);background:var(--cf-accent);border-radius:var(--cf-r-md);padding:0 var(--cf-sp-1)}.cf-transport{justify-self:center;min-width:0;display:flex;align-items:center;gap:var(--cf-sp-2);white-space:nowrap}@media(max-width:1279px){.cf-timecode-total{display:none}}@media(max-width:1149px){.cf-transport-status{display:none}}.cf-timecode{font-size:var(--cf-fs-md);font-weight:700;letter-spacing:1px;color:var(--cf-text);font-variant-numeric:tabular-nums}.cf-timecode-total{font-size:var(--cf-fs-md);color:var(--cf-text-muted);font-variant-numeric:tabular-nums}.cf-transport-status{font-size:var(--cf-fs-xs);letter-spacing:1px;color:var(--cf-text-muted);text-transform:uppercase}.cf-topbar-actions{justify-self:end;display:flex;align-items:center;gap:var(--cf-sp-1)}.cf-topbar-divider{width:1px;height:16px;background:var(--cf-sep);margin:0 var(--cf-sp-1)}.cf-project-name{width:110px;background:var(--cf-bg1)}.cf-bin{display:flex;flex-direction:column;min-height:0;background:var(--cf-bg1);border-right:1px solid var(--cf-sep)}.cf-panel-header{display:flex;align-items:center;gap:var(--cf-sp-2);padding:var(--cf-sp-2) var(--cf-sp-3);border-bottom:1px solid var(--cf-sep)}.cf-bin-body{flex:1;overflow-y:auto;padding:var(--cf-sp-2);display:flex;flex-direction:column;gap:var(--cf-sp-1)}.cf-bin[data-dragover=true]{border-right-color:var(--cf-accent)}.cf-bin[data-dragover=true] .cf-panel-header{border-bottom-color:var(--cf-accent)}.cf-bin-item{display:flex;gap:var(--cf-sp-2);align-items:center;background:var(--cf-bg2);border:1px solid var(--cf-sep);border-radius:var(--cf-r-md);padding:var(--cf-sp-1);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.cf-bin-item img{width:56px;height:32px;object-fit:cover;border-radius:var(--cf-r-sm);display:block;pointer-events:none}.cf-bin-thumb-missing{width:56px;height:32px;border-radius:var(--cf-r-sm);display:block;background:var(--cf-bg2);border:1px solid var(--cf-sep);pointer-events:none}.cf-bin-item[data-offline=true] .cf-bin-item-name{color:var(--cf-text-muted)}.cf-bin-item-name{font-size:var(--cf-fs-sm);color:var(--cf-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-bin-item-meta{font-size:var(--cf-fs-xs);color:var(--cf-text-muted)}.cf-bin-add{flex:none;width:20px;height:20px;padding:0;color:var(--cf-accent);border-color:var(--cf-sep);font-size:var(--cf-fs-md);line-height:1}.cf-bin-hint{padding:var(--cf-sp-2) var(--cf-sp-3);font-size:var(--cf-fs-xs);color:var(--cf-text-muted);border-top:1px solid var(--cf-sep)}.cf-bin-strip{flex:none;width:2px;align-self:stretch;border-radius:var(--cf-r-sm)}.cf-bin-strip[data-clipcolor="1"]{background:var(--cf-clip1-a)}.cf-bin-strip[data-clipcolor="2"]{background:var(--cf-clip2-a)}.cf-bin-strip[data-clipcolor="3"]{background:var(--cf-clip3-a)}.cf-drag-ghost{position:fixed;z-index:100;pointer-events:none;background:var(--cf-bg2);border:1px solid var(--cf-accent);border-radius:var(--cf-r-md);color:var(--cf-text);font-size:var(--cf-fs-xs);padding:2px var(--cf-sp-2);white-space:nowrap}.cf-preview-stage{position:relative;display:flex;align-items:center;justify-content:center;background:var(--cf-bg0);min-width:0;min-height:0;padding:var(--cf-sp-3);overflow:hidden}.cf-canvas-wrap{position:relative;max-width:100%;max-height:100%}.cf-preview-canvas{display:block;max-width:100%;max-height:calc(100vh - 292px);border:1px solid var(--cf-sep)}.cf-preview-timecode{position:absolute;top:var(--cf-sp-2);right:var(--cf-sp-2);background:var(--cf-bg0);color:var(--cf-text);font-size:var(--cf-fs-sm);font-variant-numeric:tabular-nums;padding:1px var(--cf-sp-1);border-radius:var(--cf-r-sm);-webkit-user-select:none;user-select:none}.cf-preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cf-sp-2);pointer-events:none;text-align:center}.cf-preview-empty-title{font-size:var(--cf-fs-lg);font-weight:700;letter-spacing:2px;color:var(--cf-text)}.cf-preview-empty-line{font-size:var(--cf-fs-sm);color:var(--cf-text-muted)}.cf-inspector{display:flex;flex-direction:column;min-height:0;background:var(--cf-bg1);border-left:1px solid var(--cf-sep);overflow-y:auto}.cf-inspector-body{padding:0 var(--cf-sp-2) var(--cf-sp-3) var(--cf-sp-2)}.cf-prop-row{display:flex;align-items:center;justify-content:space-between;gap:var(--cf-sp-2);border-bottom:1px solid var(--cf-sep);padding:var(--cf-sp-1) 0;min-height:22px}.cf-prop-row>label,.cf-prop-label{font-size:var(--cf-fs-xs);color:var(--cf-text-muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.cf-prop-value{font-size:var(--cf-fs-sm);color:var(--cf-text);text-align:right;font-variant-numeric:tabular-nums}.cf-prop-row input[type=number]{width:76px}.cf-prop-row select{max-width:110px}fieldset.cf-group{border:none;border-top:1px solid var(--cf-sep);margin:var(--cf-sp-2) 0 0 0;padding:var(--cf-sp-1) 0 0 0;min-width:0}fieldset.cf-group>legend{font-size:var(--cf-fs-xs);color:var(--cf-text-muted);text-transform:uppercase;letter-spacing:1px;padding:0 var(--cf-sp-1) 0 0}.cf-kf-row{display:flex;gap:var(--cf-sp-1);align-items:center;margin-top:var(--cf-sp-1);min-width:0}.cf-kf-row input{min-width:0}.cf-kf-row select{min-width:0;flex:1}.cf-timeline{display:flex;flex-direction:column;min-height:0;background:var(--cf-bg1);border-top:1px solid var(--cf-sep)}.cf-tl-header{display:flex;align-items:center;gap:var(--cf-sp-1);padding:var(--cf-sp-1) var(--cf-sp-3);border-bottom:1px solid var(--cf-sep)}.cf-tl-header .cf-section-title{margin-right:var(--cf-sp-2)}.cf-tl-zoom{margin-left:auto;display:flex;align-items:center;gap:var(--cf-sp-1)}.cf-tl-zoom-level{font-size:var(--cf-fs-xs);color:var(--cf-text-muted);min-width:52px;text-align:center;font-variant-numeric:tabular-nums}.cf-tl-scroll{flex:1;overflow:auto;display:flex;align-items:flex-start;min-height:0}.cf-tl-gutter{position:sticky;left:0;z-index:6;flex:0 0 44px;background:var(--cf-bg1);border-right:1px solid var(--cf-sep)}.cf-tl-gutter-ruler{height:22px;border-bottom:1px solid var(--cf-sep)}.cf-tl-gutter-row{height:44px;border-bottom:1px solid var(--cf-sep);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.cf-tl-gutter-label{font-size:var(--cf-fs-xs);color:var(--cf-text-muted);-webkit-user-select:none;user-select:none}.cf-tl-gutter-remove{padding:0 var(--cf-sp-1);font-size:var(--cf-fs-xs);line-height:1.3;min-width:0;color:var(--cf-text-muted);background:none;border-color:transparent}.cf-tl-gutter-remove:hover:not(:disabled){border-color:var(--cf-sep)}.cf-tl-gutter-remove:disabled{background:none}.cf-tl-body{position:relative;flex:0 0 auto}.cf-ruler{position:relative;height:22px;border-bottom:1px solid var(--cf-sep);cursor:pointer;background:var(--cf-bg1);touch-action:none;-webkit-user-select:none;user-select:none}.cf-ruler-tick{position:absolute;bottom:0;width:1px;height:5px;background:var(--cf-sep)}.cf-ruler-tick[data-major=true]{height:9px;background:var(--cf-text-muted)}.cf-ruler-label{position:absolute;top:2px;font-size:var(--cf-fs-xs);color:var(--cf-text-muted);transform:translate(3px);pointer-events:none}.cf-track{position:relative;height:44px;background:var(--cf-track-bg);border-bottom:1px solid var(--cf-sep)}.cf-clip{position:absolute;top:4px;height:36px;border:1px solid var(--cf-sep);border-radius:var(--cf-r-md);overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;padding:2px var(--cf-sp-1)}.cf-clip[data-clipcolor="1"]{background-image:linear-gradient(135deg,var(--cf-clip1-a),var(--cf-clip1-b))}.cf-clip[data-clipcolor="2"]{background-image:linear-gradient(135deg,var(--cf-clip2-a),var(--cf-clip2-b))}.cf-clip[data-clipcolor="3"]{background-image:linear-gradient(135deg,var(--cf-clip3-a),var(--cf-clip3-b))}.cf-clip[data-kind=text]{background:var(--cf-bg2)}.cf-clip[data-selected=true]{border-color:var(--cf-selection)}.cf-clip-name{display:block;font-size:var(--cf-fs-xs);color:var(--cf-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.cf-clip-meta{display:block;font-size:var(--cf-fs-xs);color:var(--cf-text);pointer-events:none;font-variant-numeric:tabular-nums}.cf-trim-handle{position:absolute;top:0;width:9px;height:100%;cursor:ew-resize;touch-action:none;z-index:2}.cf-trim-handle[data-side=left]{border-left:2px solid var(--cf-sep);left:0}.cf-trim-handle[data-side=right]{border-right:2px solid var(--cf-sep);right:0}.cf-clip[data-selected=true] .cf-trim-handle[data-side=left]{border-left-color:var(--cf-selection)}.cf-clip[data-selected=true] .cf-trim-handle[data-side=right]{border-right-color:var(--cf-selection)}.cf-clip-waveform{position:absolute;left:0;right:0;bottom:1px;width:100%;height:16px;pointer-events:none}.cf-clip[data-kind=audio] .cf-clip-waveform{top:1px;height:34px}.cf-marquee{position:fixed;z-index:30;pointer-events:none;border:1px solid var(--cf-selection);background-image:linear-gradient(#ffd1661f,#ffd1661f)}.cf-tl-selection-count{font-size:var(--cf-fs-xs);color:var(--cf-text-muted);margin-left:var(--cf-sp-2);min-width:70px}.cf-track[data-track-type=audio],.cf-tl-gutter-row[data-track-type=audio]{background:var(--cf-bg1)}.cf-presets{position:relative}.cf-presets-menu{position:absolute;top:calc(100% + 2px);right:0;z-index:50;display:flex;flex-direction:column;min-width:140px;background:var(--cf-bg2);border:1px solid var(--cf-sep);border-radius:var(--cf-r-md)}.cf-presets-item{font-family:var(--cf-font);font-size:var(--cf-fs-sm);color:var(--cf-text-body);background:none;border:none;border-bottom:1px solid var(--cf-sep);padding:var(--cf-sp-1) var(--cf-sp-2);text-align:left;cursor:pointer;white-space:nowrap}.cf-presets-item:last-child{border-bottom:none}.cf-presets-item:hover{color:var(--cf-text);background:var(--cf-bg1)}.cf-keyframe-marker{position:absolute;bottom:3px;width:5px;height:5px;background:var(--cf-accent);transform:rotate(45deg);pointer-events:none}.cf-transition-overlay{position:absolute;top:4px;height:36px;pointer-events:none;border-left:1px solid var(--cf-accent);border-right:1px solid var(--cf-accent);background-image:repeating-linear-gradient(-45deg,var(--cf-accent) 0,var(--cf-accent) 1px,transparent 1px,transparent 5px)}.cf-buried-marker{position:absolute;top:30px;height:10px;z-index:3;cursor:pointer;border:1px solid var(--cf-selection);border-radius:var(--cf-r-sm);background-image:repeating-linear-gradient(-45deg,var(--cf-selection) 0,var(--cf-selection) 1px,transparent 1px,transparent 5px)}.cf-buried-marker[data-selected=true]{border-width:2px}.cf-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--cf-playhead);pointer-events:none;z-index:4}.cf-playhead:before{content:"";position:absolute;top:0;left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid var(--cf-playhead)}.cf-snap-indicator{position:absolute;top:0;bottom:0;width:1px;background:var(--cf-selection);pointer-events:none;z-index:5}.cf-messages{position:fixed;right:var(--cf-sp-3);bottom:var(--cf-sp-3);display:flex;flex-direction:column;gap:var(--cf-sp-1);z-index:60;max-width:420px}.cf-message{display:flex;align-items:baseline;gap:var(--cf-sp-2);padding:var(--cf-sp-1) var(--cf-sp-2);border-radius:var(--cf-r-md);border:1px solid var(--cf-sep);background:var(--cf-bg2);color:var(--cf-text-body);font-size:var(--cf-fs-sm)}.cf-message[data-kind=error]{border-left:2px solid var(--cf-playhead);color:var(--cf-text)}.cf-message[data-kind=info]{border-left:2px solid var(--cf-accent)}.cf-message-dismiss{background:none;border:none;color:var(--cf-text-muted);font-size:var(--cf-fs-sm);cursor:pointer;padding:0;font-family:var(--cf-font)}.cf-message-dismiss:hover{color:var(--cf-text)}.cf-dialog{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:40;background-image:linear-gradient(#0e0f11c7,#0e0f11c7)}.cf-dialog-body{background:var(--cf-bg1);border:1px solid var(--cf-sep);border-radius:var(--cf-r-md);width:380px;display:flex;flex-direction:column}.cf-dialog-title{font-size:var(--cf-fs-xs);color:var(--cf-text-muted);text-transform:uppercase;letter-spacing:1px;padding:var(--cf-sp-2) var(--cf-sp-3);border-bottom:1px solid var(--cf-sep);-webkit-user-select:none;user-select:none}.cf-dialog-content{padding:var(--cf-sp-3);display:flex;flex-direction:column;gap:var(--cf-sp-2);font-size:var(--cf-fs-sm)}.cf-dialog-buttons{display:flex;justify-content:flex-end;gap:var(--cf-sp-2);padding:var(--cf-sp-2) var(--cf-sp-3);border-top:1px solid var(--cf-sep)}.cf-dialog-note{font-size:var(--cf-fs-sm);color:var(--cf-text-muted)}.cf-dialog-error{font-size:var(--cf-fs-sm);color:var(--cf-playhead)}.cf-dialog-link{color:var(--cf-accent);font-size:var(--cf-fs-sm)}progress.cf-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border:none;background:var(--cf-bg2);border-radius:var(--cf-r-sm);overflow:hidden}progress.cf-progress::-webkit-progress-bar{background:var(--cf-bg2)}progress.cf-progress::-webkit-progress-value{background:var(--cf-accent)}.cf-too-narrow{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cf-sp-3);background:var(--cf-bg0);text-align:center}.cf-too-narrow .cf-brand-name{font-size:var(--cf-fs-lg)}.cf-too-narrow p{margin:0;font-size:var(--cf-fs-lg);color:var(--cf-text-body);max-width:420px}.cf-restoring{position:fixed;top:44px;left:50%;transform:translate(-50%);z-index:50;background:var(--cf-bg2);border:1px solid var(--cf-sep);border-radius:var(--cf-r-md);color:var(--cf-text-body);font-size:var(--cf-fs-sm);padding:var(--cf-sp-1) var(--cf-sp-3)}