.studio-video-editor{--video-edit-border:var(--studio-border,var(--border));z-index:1200;width:720px;color:var(--studio-ink,var(--foreground));font-size:var(--font-size-small);pointer-events:auto;position:absolute}.studio-video-editor button{cursor:pointer}.studio-video-editor button:disabled{opacity:.45;cursor:not-allowed}.studio-video-editor :focus-visible{outline:2px solid var(--primary);outline-offset:2px}.video-edit-node-title{color:var(--studio-ink-soft,var(--muted-foreground));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:0 60px 8px;display:flex}.studio-video-edit-preview{cursor:grab;touch-action:none}.studio-video-editor.is-dragging :is(.video-edit-node-title,.studio-video-edit-preview){cursor:grabbing}.video-edit-node-title .video-edit-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--studio-ink,var(--foreground));font-size:inherit;flex:1;padding:5px 4px;font-weight:500;overflow:hidden}.video-edit-node-title input{min-width:0;color:var(--studio-ink,var(--foreground));cursor:text;-webkit-user-select:text;user-select:text;touch-action:auto;background:0 0;border:0;border-radius:6px;flex:1;padding:5px 4px;font-weight:500}.video-edit-node-title input:focus{background:var(--studio-surface,var(--surface))}.video-edit-node-title>span{font-size:var(--font-size-caption);white-space:nowrap;font-variant-numeric:tabular-nums}.studio-video-edit-preview{border:1px solid var(--video-edit-border);background:var(--studio-surface-inset,var(--background));height:338px;box-shadow:0 8px 26px var(--studio-shadow,#0002);border-radius:14px;margin:0 60px;position:relative;overflow:hidden}.studio-video-edit-preview>video{object-fit:contain;background:#111;width:100%;height:100%}.studio-video-edit-placeholder{height:100%;color:var(--studio-ink-soft,var(--muted-foreground));flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.studio-video-edit-playbar{color:#fff;font-variant-numeric:tabular-nums;background:linear-gradient(#0000,#000c);align-items:center;gap:10px;padding:17px 12px 10px;display:flex;position:absolute;inset:auto 0 0}.studio-video-edit-playbar>span{font-size:var(--font-size-caption);white-space:nowrap}.studio-video-edit-playbar small{opacity:.7}.studio-video-edit-playbar .studio-icon-button{color:inherit}.studio-video-edit-playbar input{min-width:0;accent-color:var(--primary);flex:1}.video-edit-export-overlay{z-index:3;background:var(--studio-surface,var(--surface));color:var(--studio-ink,var(--foreground));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.video-edit-export-overlay>span,.video-edit-export-overlay>p{color:var(--studio-ink-soft,var(--muted-foreground));font-size:var(--font-size-caption);overflow-wrap:anywhere;max-width:440px}.video-edit-export-overlay progress{width:72%;height:6px;accent-color:var(--primary)}.video-edit-export-overlay>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.video-edit-dock{border:1px solid var(--video-edit-border);background:var(--studio-surface,var(--surface));width:900px;box-shadow:0 16px 44px var(--studio-shadow,#0003);border-radius:16px;margin-top:12px;margin-left:-90px;padding:10px;position:relative}.video-edit-dock:before{content:"";border-left:1px solid var(--video-edit-border);border-top:1px solid var(--video-edit-border);background:var(--studio-surface,var(--surface));width:12px;height:12px;position:absolute;top:-7px;left:calc(50% - 7px);rotate:45deg}.video-edit-dock-toolbar{border-bottom:1px solid var(--video-edit-border);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:8px;display:flex}.studio-video-editor .studio-button{min-height:28px;font-size:var(--font-size-caption);border-radius:8px;padding:4px 9px}.video-edit-inline-trim{border:1px solid var(--video-edit-border);background:var(--studio-surface-inset,var(--muted));font-size:var(--font-size-caption);border-radius:9px;align-items:center;gap:6px;margin:0;padding:2px 6px;display:flex}.video-edit-inline-trim label{align-items:center;gap:6px;display:flex}.video-edit-inline-trim input{border:1px solid var(--video-edit-border);background:var(--studio-surface,var(--surface));width:58px;height:24px;color:inherit;font-variant-numeric:tabular-nums;text-align:center;border-radius:5px;padding:1px 3px}.video-edit-dock-primary{gap:6px;margin-left:auto;display:flex}.video-edit-track-scroll{border:1px solid var(--video-edit-border);background:var(--studio-surface-inset,var(--muted));border-radius:10px;padding:7px 16px;overflow:auto}.video-edit-track-content{transition:width .22s ease-out;position:relative}.video-edit-ruler{border-bottom:1px solid var(--video-edit-border);cursor:ew-resize;touch-action:none;height:22px;margin-bottom:4px;position:relative}.video-edit-ruler>span{color:var(--studio-ink-soft,var(--muted-foreground));font-variant-numeric:tabular-nums;pointer-events:none;font-size:10px;position:absolute;top:0;bottom:0}.video-edit-ruler>span:after{content:"";border-left:1px solid var(--video-edit-border);height:6px;position:absolute;bottom:0;left:0}.video-edit-track-row{align-items:stretch;min-height:68px;display:flex;position:relative}.video-edit-clip-slot{flex-shrink:0;height:68px;transition:width .22s ease-out,transform .22s ease-out;position:relative}.video-edit-clip{border:1px solid var(--video-edit-border);background:var(--studio-surface-raised,var(--surface));cursor:grab;border-radius:9px;height:68px;transition:left .22s ease-out,width .22s ease-out;position:relative;overflow:visible}.video-edit-clip-slot:has(>.video-edit-clip.is-selected){z-index:3}.video-edit-clip-slot.is-trimming{z-index:5}.video-edit-clip-slot.is-trimming .video-edit-clip{transition:none}.video-edit-clip-slot.is-drawer-trimming,.video-edit-clip-slot.is-drawer-trimming .video-edit-clip{transition:width .12s ease-out}.video-edit-track-row.is-order-committed .video-edit-clip-slot,.video-edit-track-row.is-order-committed .video-edit-clip{transition:none}.video-edit-insertion-space{background:color-mix(in srgb,var(--primary) 9%,transparent);pointer-events:none;border-radius:9px;height:68px;transition:left .22s ease-out;position:absolute;top:0}@media (prefers-reduced-motion:reduce){.video-edit-clip-slot,.video-edit-clip,.video-edit-track-content,.video-edit-insertion-space,.video-edit-clip-slot.is-drawer-trimming,.video-edit-clip-slot.is-drawer-trimming .video-edit-clip{transition:none}}.video-edit-clip.is-selected{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.video-edit-clip.is-dragging{opacity:0}.video-edit-filmstrip{border-radius:inherit;pointer-events:none;background-position:0;background-repeat:repeat-x;background-size:auto 100%;position:absolute;inset:0}.video-edit-clip-select{z-index:1;border-radius:inherit;text-align:left;color:#fff;background:linear-gradient(#000a,#0000 42% 52%,#000b);flex-direction:column;justify-content:space-between;width:100%;height:100%;margin:0;padding:6px 5px;display:flex;position:relative;overflow:hidden;cursor:grab!important}.video-edit-clip-select>span{align-items:center;gap:5px;width:100%;min-width:0;padding-right:40px;font-size:11px;display:flex}.video-edit-clip-select strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.video-edit-clip-select b{font-weight:500}.video-edit-clip.is-selected .video-edit-clip-select{padding-inline:16px}.video-edit-clip:not(.is-selected) .video-edit-clip-select{background:linear-gradient(#0000 55%,#000b);justify-content:flex-end;width:100%;margin:0}.video-edit-clip:not(.is-selected) .video-edit-trim-handle{visibility:hidden;pointer-events:none}.video-edit-clip:not(.is-selected) .video-edit-filmstrip{inset:0}.video-edit-clip-select small{color:#fff;text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:3px;width:100%;font-size:10px;display:flex}.video-edit-clip-actions{z-index:2;gap:2px;display:flex;position:absolute;top:4px;right:16px}.video-edit-clip-actions>button{background:var(--studio-surface-raised,var(--surface));width:18px;height:20px;color:var(--studio-ink-soft,var(--muted-foreground));border-radius:4px;place-items:center;display:grid}.video-edit-clip-actions>button:hover,.video-edit-clip-actions>button[aria-pressed=true]{background:var(--studio-surface-hover,var(--muted));color:var(--studio-ink,var(--foreground))}.video-edit-trim-handle{z-index:3;color:#ffffffe6;touch-action:none;background:#00000059;border:0;place-items:center;width:11px;padding:0;transition:background-color .15s;display:grid;position:absolute;top:0;bottom:0;cursor:ew-resize!important}.video-edit-trim-handle:after{content:"";background:currentColor;border-radius:2px;width:2px;height:18px}.video-edit-trim-handle:hover{background:#0000008c}.video-edit-trim-handle.is-start{border-radius:8px 0 0 8px;left:0}.video-edit-trim-handle.is-end{border-radius:0 8px 8px 0;right:0}.video-edit-track-add{border:1px dashed var(--video-edit-border);color:var(--studio-ink-soft,var(--muted-foreground));font-size:var(--font-size-caption);border-radius:9px;flex-direction:column;flex:0 0 88px;justify-content:center;align-items:center;gap:4px;margin-left:10px;display:flex}.video-edit-track-add:hover{background:var(--studio-surface-hover,var(--muted))}.video-edit-playhead{z-index:4;background:var(--primary);pointer-events:none;width:1px;position:absolute;top:14px;bottom:0}.video-edit-playhead>i{background:var(--primary);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);width:9px;height:10px;position:absolute;top:-4px;left:-4px}:root[data-theme=dark] .studio-video-editor{--video-edit-border:color-mix(in srgb,var(--foreground) 20%,var(--border))}