#clip-editor{width:min(1200px,96vw);max-width:96vw;height:92dvh;max-height:92dvh;padding:0;color:#edf3ff;background:#101827;border:1px solid #586780;border-radius:14px}
#clip-editor::backdrop{background:#000b}#clip-editor[open]{display:flex;flex-direction:column}#clip-editor [hidden]{display:none!important}
.edit-player{position:sticky;top:-16px;z-index:12;display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:16px;background:#101827;padding:12px;border:1px solid #52637c;border-radius:8px;box-shadow:0 8px 16px #0005}.edit-player-picture{background:#000;display:flex;align-items:center;aspect-ratio:16/9;align-self:center}.edit-player video{display:block;width:100%;max-height:220px}.edit-player-controls{display:grid;gap:6px;min-width:0}.edit-player-controls p{font-size:12px}.edit-player-controls input[type=range]{width:100%;min-height:24px!important;padding:0!important}.edit-player-controls input[type=number]{width:115px;min-height:32px!important}.edit-player-controls label{font-size:12px}.edit-player-controls output{float:right;font-variant-numeric:tabular-nums}.edit-player .button{padding:6px 10px;font-size:13px!important}.edit-clip.is-playing{box-shadow:inset 0 0 0 3px #55efcc!important}
@media(max-width:700px){.edit-player{position:static;grid-template-columns:1fr}.edit-player-picture{width:min(100%,320px);justify-self:center}}
.clip-editor-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid #45516b;gap:12px}.clip-editor-heading h2{margin:0;font-size:20px}
.clip-editor-body{padding:16px;overflow:auto;min-height:0;display:grid;gap:12px}#clip-editor p{margin:4px 0;line-height:1.45}#clip-editor button,#clip-editor input,#clip-editor select,#clip-editor textarea{font:inherit;min-height:42px}#clip-editor input,#clip-editor select,#clip-editor textarea{background:#08111f;color:#fff;border:1px solid #657897;border-radius:6px;padding:8px;box-sizing:border-box;max-width:100%}#clip-editor button:focus-visible,#clip-editor input:focus-visible,#clip-editor summary:focus-visible{outline:3px solid #90cfff;outline-offset:2px}
.edit-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.edit-toolbar label{display:flex;align-items:center;gap:8px}.edit-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1fr);gap:16px}.edit-preview video{width:100%;max-height:230px;background:#000}.edit-preview textarea{width:100%}.edit-scroll{overflow-x:auto;border:1px solid #52637c;border-radius:8px}.edit-tracks{min-width:1000px;background:#0b1322}.edit-track-label{padding:4px 8px;font-size:12px;color:#b5c9e1}#edit-wave{display:block;width:100%;height:60px;cursor:crosshair}#edit-wave path{stroke:#50dca4;stroke-width:1}#edit-video-lane{position:relative;height:72px;background:repeating-linear-gradient(90deg,transparent 0,transparent 99px,#52637c55 100px);overflow:hidden}.edit-clip{position:absolute;top:4px;height:60px;border:1px solid #a99cfb;border-radius:6px;background:#3c3375;color:white;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:6px 13px;cursor:grab;touch-action:none}.edit-clip.selected{background:#61519f;outline:2px solid #f6d180;outline-offset:-3px}.edit-handle{position:absolute;width:10px;top:0;bottom:0;background:#ccbaff55;cursor:ew-resize}.edit-handle.in{left:0}.edit-handle.out{right:0}.edit-playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none}#edit-controls{border:1px solid #536784;padding:12px;border-radius:8px;display:flex;flex-wrap:wrap;align-items:end;gap:10px}#edit-controls label{display:grid;gap:4px;flex:1 1 160px}#edit-controls input{width:100%}#edit-takes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;padding-top:10px}.edit-take{padding:12px;border:1px solid #536784;border-radius:8px}.edit-take button{margin:5px 5px 0 0}#clip-editor summary{cursor:pointer;padding:10px;font-weight:600}#edit-status{min-height:2em;color:#f5d791}#clip-editor .button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:650px){#clip-editor{height:96dvh;max-height:96dvh}.edit-preview{grid-template-columns:1fr}.clip-editor-body{padding:10px}.edit-preview video{max-height:180px}.edit-toolbar>*{max-width:100%}.clip-editor-heading{padding:10px}}
.clip-editor-heading{flex-shrink:0}.clip-editor-body{flex:1;grid-auto-rows:max-content;align-content:start;min-width:0}.edit-scroll{min-height:182px;max-width:100%}.edit-toolbar input[type=number]{width:140px}
#clip-editor>#edit-status{flex-shrink:0;margin:0;padding:8px 18px;border-bottom:1px solid #45516b;background:#172237;line-height:1.4;max-height:100px;overflow:auto;font-size:14px}#clip-editor>#edit-status:empty{display:none}#edit-ruler{position:relative;height:22px;margin:0 5px;color:#b5c9e1;font-size:11px}#edit-ruler span{position:absolute;transform:translateX(-50%)}.edit-scroll{min-height:204px}
#edit-video-lane{height:96px}.edit-clip{height:84px}.edit-scroll{min-height:228px}.edit-filmstrip{position:absolute;inset:0;display:flex;pointer-events:none;background:#20283a}.edit-filmstrip img{display:block;width:33.333%;min-width:0;height:100%;object-fit:cover;opacity:0;pointer-events:none}.edit-filmstrip img.loaded{opacity:1}.edit-clip-label{position:absolute;bottom:0;left:0;right:0;padding:3px 12px;background:#080c16d9;color:#fff;text-align:left;font-size:12px;line-height:17px;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.edit-clip.selected{border:2px solid #f6d180;outline:none}.edit-handle{z-index:1;background:#ccbaff66}.edit-playhead{z-index:2}

.edit-tracks{position:relative}#edit-video-lane,#edit-parking-lane{position:relative;height:96px;overflow:visible;background:repeating-linear-gradient(90deg,transparent 0,transparent 99px,#52637c55 100px)}#edit-parking-lane{background-color:#112c32;border-top:1px dashed #58b6b9}.edit-scroll{min-height:348px}.edit-clip{box-sizing:border-box;z-index:2}.edit-clip.dragging{z-index:8;opacity:.85;box-shadow:0 0 0 2px #8eeaff}.edit-playhead{z-index:4}.edit-gap{position:absolute;box-sizing:border-box;top:4px;height:84px;padding:4px;border:1px dashed #edc173;background:repeating-linear-gradient(135deg,#513d2544 0,#513d2544 8px,#edc17333 8px,#edc17333 16px);color:#ffe0a3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.edit-gap.selected{outline:2px solid #ffe0a3;outline-offset:-3px}#edit-gap-summary{color:#edc173}#edit-next-gap{justify-self:start}#edit-ruler{cursor:crosshair;touch-action:none}#edit-wave{touch-action:none}.edit-review-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:16px}.edit-review-grid .edit-preview{display:block}.edit-review-grid .edit-preview video{max-height:280px}#edit-takes{max-height:380px;overflow:auto;grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}.edit-take{min-width:0}.edit-take-preview{display:block;width:100%;height:110px;border:1px solid #536784;background:#08111f;padding:0;overflow:hidden;margin:0 0 8px!important;cursor:grab}.edit-take-preview img{width:100%;height:100%;object-fit:contain;pointer-events:none}.edit-take strong{display:block}.edit-take button:not(.edit-take-preview){font-size:12px!important;min-height:36px!important;margin:3px 3px 0 0;padding:5px 8px}#edit-controls select{width:100%}
@media(max-width:850px){.edit-review-grid{grid-template-columns:1fr}#edit-takes{max-height:300px}}

#edit-placement{width:auto;flex:1 1 300px;max-width:450px}.edit-review-grid details>label{display:block;margin:8px 0}.edit-gap-tools{display:flex;gap:12px;align-items:center}.edit-gap-tools p{flex:1}#edit-next-gap{flex-shrink:0}

#edit-video-lane{height:auto;min-height:216px;background:transparent}.edit-video-layer{position:relative;height:108px;border-bottom:1px solid #52637c55;background:repeating-linear-gradient(90deg,transparent 0,transparent 99px,#52637c55 100px)}.edit-video-layer .edit-clip{top:20px}.edit-layer-caption{position:absolute;top:1px;left:8px;font-size:11px;color:#acdbe5;pointer-events:none}#edit-visible-lane{height:32px;position:relative;background:#071319}.edit-visible-segment{position:absolute;top:0;height:30px;min-height:30px!important;padding:2px;border:1px solid #53c9b0;background:#175247;color:#e8fff8;font-size:10px!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}.edit-scroll{min-height:0}.edit-gap{top:0;z-index:1}#edit-preview-mode{color:#8fdbd4;font-size:12px}#clip-editor #edit-placement{width:auto;max-width:440px}

/* Borders and padding must never widen short clips beyond their frame ranges. */
#clip-editor .edit-clip,#clip-editor .edit-visible-segment{min-width:0;padding:0;border:0;box-shadow:inset 0 0 0 1px #a99cfb}#clip-editor .edit-clip.selected{border:0;box-shadow:inset 0 0 0 2px #f6d180}#clip-editor .edit-visible-segment{box-shadow:inset 0 0 0 1px #53c9b0}
/* Keep layer names readable while panning horizontally through the song. */
.edit-layer-caption{position:sticky;left:8px;display:inline-block;z-index:3;background:#0b1322;padding-right:6px}.edit-track-label{position:sticky;left:0;width:max-content;max-width:90vw;box-sizing:border-box;background:#0b1322;z-index:3}

#studio-leave-dialog{width:min(540px,calc(100vw - 40px));box-sizing:border-box;padding:24px;color:#edf3ff;background:#101827;border:1px solid #586780;border-radius:14px;box-shadow:0 20px 80px #0008}#studio-leave-dialog::backdrop{background:#000b}#studio-leave-dialog h2{font-size:22px;margin:0 0 12px}#studio-leave-dialog p{line-height:1.5;margin:0 0 18px}.studio-leave-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}#studio-leave-dialog button{font:inherit;min-height:44px;padding:10px 14px;color:#edf3ff;background:#0b1423;border:1px solid #52637c;border-radius:8px;cursor:pointer}#studio-leave-dialog #studio-leave-save{background:#694cf3;border-color:#9380ff}#studio-leave-dialog button:focus-visible{outline:3px solid #90cfff;outline-offset:3px}#studio-leave-dialog button:disabled{opacity:.5;cursor:wait}#studio-leave-message{color:#f5d791}#studio-leave-message:empty{display:none}

/* Editing workspace: separate scrolling panes, with an unobstructed timeline. */
#clip-editor{width:calc(100vw - 20px);max-width:none;height:calc(100dvh - 20px);max-height:none;margin:10px;box-sizing:border-box;border-radius:10px}
#clip-editor .clip-editor-body{display:grid;grid-template-columns:minmax(320px,1.45fr) minmax(230px,.8fr) minmax(300px,1fr);grid-template-rows:auto minmax(240px,var(--edit-preview-share,38%)) minmax(220px,1fr);grid-template-areas:"actions actions actions" "player media inspector" "timeline timeline timeline";padding:10px;gap:10px;overflow:hidden}
.edit-workspace-actions{grid-area:actions;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.edit-player{grid-area:player;position:static;display:flex;flex-direction:column;padding:8px;gap:6px;min-height:0;overflow:auto;box-shadow:none}.edit-player-picture{width:100%;flex:1;min-height:80px;aspect-ratio:auto;justify-content:center;overflow:hidden}.edit-player video{height:100%;max-height:none;object-fit:contain}.edit-player-controls{flex-shrink:0;gap:3px}.edit-player-controls>strong,.edit-player-controls>p:last-child{display:none}.edit-player-controls input[type=range]{min-height:20px!important}.edit-player-controls input[type=number]{min-height:28px!important;padding:3px!important}.edit-player-controls .button{min-height:32px!important}
.edit-inspector{grid-area:inspector;overflow:auto;min-height:0;padding-right:4px}.edit-media-bin{grid-area:media;overflow:auto;min-height:0;border:1px solid #52637c;border-radius:8px;padding:0 8px}.edit-media-bin #edit-takes{max-height:none;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.edit-media-bin .edit-take{padding:6px}.edit-media-bin .edit-take-preview{height:85px}.edit-media-bin p,.edit-media-bin label{font-size:12px}.edit-media-bin summary{position:sticky;top:0;background:#101827;z-index:2;padding:8px!important;font-size:13px}
#clip-editor #edit-controls{margin:0;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:0}#edit-controls legend{font-size:15px}#clip-editor #edit-controls label{font-size:12px;min-width:0}#clip-editor #edit-controls input,#clip-editor #edit-controls select{padding:5px;min-height:32px}#clip-editor #edit-controls button{min-height:32px;font-size:12px;padding:5px}#edit-selection,.edit-trim-help,.edit-retime{grid-column:1/-1;font-size:12px}.edit-retime{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid #52637c;padding-top:9px}.edit-retime strong,.edit-retime p{grid-column:1/-1}.edit-trim-help,#edit-speed-note{color:#b5c9e1}.edit-inspector details{font-size:12px}.edit-inspector textarea{width:100%}
.edit-timeline-workspace{grid-area:timeline;display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid #52637c;border-radius:8px;background:#0b1322;padding:6px;gap:4px}.edit-timeline-workspace .edit-toolbar{flex-shrink:0;gap:6px}.edit-timeline-workspace .edit-toolbar label{font-size:12px}.edit-timeline-workspace .edit-toolbar button,.edit-timeline-workspace .edit-toolbar select{min-height:32px!important;font-size:12px!important;padding:4px 8px!important}.edit-timeline-workspace .edit-scroll{flex:1;min-height:0;overflow:auto}.edit-timeline-workspace #edit-zoom{width:110px;min-height:24px;padding:0}.edit-timeline-workspace .edit-gap-tools{font-size:12px;flex-shrink:0}.edit-timeline-workspace #edit-wave{height:44px}.edit-video-layer{height:92px}.edit-video-layer .edit-clip{height:68px}#edit-parking-lane{height:84px}.edit-track-label{font-size:11px}.edit-timeline-toolbar{position:relative}#clip-editor .edit-workspace-actions .button{min-height:34px;padding:5px 10px;font-size:13px}#edit-status{font-size:12px!important;min-height:0!important;max-height:42px!important;padding:5px 12px!important}
#edit-video-lane{min-height:184px}#edit-parking-lane .edit-clip{height:76px}
@media(max-width:1100px){#clip-editor .clip-editor-body{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);grid-template-rows:auto minmax(220px,var(--edit-preview-share,35%)) minmax(220px,1fr);grid-template-areas:"actions actions" "player inspector" "timeline timeline"}.edit-media-bin{grid-area:inspector;display:none}#clip-editor.show-takes .edit-media-bin{display:block}#clip-editor.show-takes .edit-inspector{visibility:hidden}}
@media(max-width:650px){#clip-editor{margin:0;width:100vw;height:100dvh;border-radius:0}#clip-editor .clip-editor-body{display:flex;overflow:auto;gap:8px;padding:6px}.edit-workspace-actions{flex-wrap:wrap}.edit-player{min-height:270px;overflow:visible}.edit-player-picture{min-height:140px}.edit-inspector{min-height:280px;max-height:360px}.edit-media-bin{min-height:250px;max-height:350px}.edit-timeline-workspace{order:2;min-height:360px}.edit-inspector,.edit-media-bin{order:3}#clip-editor.show-takes .edit-inspector{display:none}.edit-workspace-actions .edit-toolbar{flex-wrap:wrap}}
@media(min-width:1101px){#edit-toggle-takes{display:none}}
@media(max-width:650px){#clip-editor .clip-editor-body{flex-direction:column}}

.edit-media-bin details>label{display:block;margin:8px 0}.edit-media-bin input[type=checkbox]{vertical-align:middle}

.edit-layout-choice{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px}#clip-editor .edit-layout-choice select{min-height:34px;padding:5px}

/* One song clock, selectable track previews, and a picture that never scrolls away. */
#clip-editor .clip-editor-body{grid-template-rows:auto minmax(150px,var(--edit-preview-share,38%)) minmax(0,1fr)}
#clip-editor .edit-player{overflow:hidden;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
#clip-editor .edit-player-picture{position:relative;min-height:0;height:100%;width:100%;align-self:stretch}
#clip-editor .edit-player video{width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain}
#edit-picture-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#e2e8f0;padding:20px;background:#050b15;font-size:14px}
#clip-editor .edit-player-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;flex-shrink:0}
#clip-editor .edit-player-controls>.edit-toolbar{grid-column:1/-1}
#clip-editor .edit-player-controls>label[for=edit-scrub]{grid-column:1;grid-row:2}
#clip-editor #edit-scrub{grid-column:1;grid-row:3;accent-color:#ff5364;width:100%;margin:0;min-width:0}
#clip-editor .edit-player-controls>label[for=edit-cursor]{grid-column:2;grid-row:2/4;align-self:center}
#clip-editor .edit-player-controls>#edit-preview-hint{display:block;grid-column:1/-1;color:#b5c9e1;font-size:11px;line-height:1.2;margin:0}
#clip-editor .edit-player-controls button,#clip-editor .edit-player-controls select{min-height:30px!important;padding:4px 8px;font-size:12px}
#clip-editor #edit-preview-track{max-width:270px}
#clip-editor .edit-playhead{position:absolute;top:0;bottom:0;width:16px;transform:translateX(-50%);z-index:6;background:transparent;pointer-events:auto;touch-action:none;cursor:ew-resize}
#clip-editor .edit-playhead::before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:#ff435b;box-shadow:0 0 3px #000}
#clip-editor .edit-playhead::after{content:"";position:sticky;top:0;display:block;width:14px;height:12px;background:#ff435b;clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 50%)}
#clip-editor .edit-playhead:focus-visible{outline:2px solid #ff96a2}
#clip-editor .edit-layer-caption{pointer-events:auto;cursor:pointer;border:1px solid #586780;border-radius:4px;padding:1px 5px;min-height:19px;font-size:11px;color:#cee9f2}
#clip-editor [data-preview-track]{min-height:22px;padding:2px 7px;font-size:11px;color:#d8e4f4;background:#152538;border:1px solid #516784;border-radius:4px;cursor:pointer}
#clip-editor [data-preview-track][aria-pressed=true]{color:#fff;background:#6a3148;border-color:#ff8595}
#clip-editor .preview-track-active{box-shadow:inset 0 0 0 2px #ee7789;background-color:#241a2d}
#edit-ruler{margin:0}
@media(max-width:650px){#clip-editor .edit-player{position:sticky;top:0;z-index:15;height:190px;min-height:190px;flex-shrink:0}#clip-editor .edit-player-picture{min-height:0}#clip-editor .edit-timeline-workspace{min-height:450px}#clip-editor .edit-player-controls{grid-template-columns:minmax(0,1fr)}#clip-editor .edit-player-controls>label[for=edit-cursor]{grid-column:1;grid-row:4}#clip-editor .edit-player-controls label{flex-wrap:wrap}#clip-editor #edit-preview-track{max-width:100%}}
/* Track selectors remain clickable when the red line passes underneath them. */
#clip-editor .edit-track-label,#clip-editor .edit-layer-caption{z-index:7}

.edit-placement-options{position:relative;font-size:12px;margin-left:auto}
#clip-editor .edit-placement-options summary{padding:5px 8px;font-size:12px;border:1px solid #52637c;border-radius:5px;min-height:20px}
.edit-placement-menu{position:absolute;z-index:20;right:0;top:100%;width:min(440px,80vw);padding:12px;background:#172237;border:1px solid #8398b5;border-radius:6px;box-shadow:0 10px 28px #000a;display:grid;gap:12px}
#clip-editor .edit-placement-menu label{display:flex;gap:8px;align-items:center}#clip-editor .edit-placement-menu #edit-placement{width:100%;max-width:100%}
#clip-editor .edit-gap-tools{min-height:24px;gap:8px}#clip-editor #edit-gap-summary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.2;min-width:0;margin:0}
#clip-editor #edit-next-gap{min-height:24px;padding:2px 7px;font-size:11px}
.edit-placement-menu{top:auto;bottom:calc(100% + 6px)}

@media(min-width:651px){#clip-editor .clip-editor-body{grid-template-rows:auto minmax(100px,var(--edit-preview-size,38%)) minmax(0,1fr)}}

#clip-editor .edit-player{padding:6px;gap:3px}

/* V5 editorial workspace: media / program / inspector, with a shared timeline. */
#clip-editor{--editor-border:#2b334b;--editor-muted:#a7b1cc;--editor-panel:#101523;background:#080c16;border-color:#49456b;color:#edf0ff}
#clip-editor .clip-editor-heading{padding:9px 16px;background:linear-gradient(100deg,#17132b,#101725 65%);border-color:var(--editor-border)}
#clip-editor .clip-editor-heading>div{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
#clip-editor .clip-editor-heading h2{font-size:17px;letter-spacing:.02em}
.edit-brand-mark{font-size:10px;letter-spacing:.2em;color:#b5a7ee;border-right:1px solid #494269;padding-right:15px}.edit-brand-mark b{color:#61ded9;font-weight:500}
#clip-editor #edit-draft-state{font-size:11px;color:#aeb8d4}
#clip-editor #edit-status{margin:0;background:#111829;color:#b8c8e2;border-color:var(--editor-border);font-size:11px!important;padding:5px 14px!important;line-height:1.35}
#clip-editor .clip-editor-body{grid-template-columns:clamp(200px,18vw,290px) minmax(300px,1fr) clamp(260px,23vw,330px);grid-template-areas:"actions actions actions" "media player inspector" "timeline timeline timeline";padding:8px;gap:8px;flex:1}
#clip-editor .edit-workspace-actions{align-items:center;gap:8px}#clip-editor .edit-workspace-actions .button{font-size:11px;min-height:30px;padding:4px 10px}
#clip-editor button{transition:border-color .15s,background .15s}#clip-editor button:hover:not(:disabled){border-color:#a49be3;background-color:#29243e}
#clip-editor .button-primary{background:linear-gradient(115deg,#6b4df4,#473ac5);border-color:#9581ff;color:#fff}
#clip-editor .edit-media-bin,#clip-editor .edit-inspector,#clip-editor .edit-player,#clip-editor .edit-timeline-workspace{border:1px solid var(--editor-border);border-radius:7px;background:var(--editor-panel)}
#clip-editor .edit-media-bin{padding:0;display:flex;flex-direction:column;overflow:hidden;grid-area:media}
#clip-editor .edit-inspector{grid-area:inspector;padding:0 7px 7px;overflow:auto}
.edit-bin-tabs,.edit-inspector-tabs{display:flex;gap:3px;padding:6px;background:#111625;border-bottom:1px solid var(--editor-border);position:sticky;top:0;z-index:10;flex-shrink:0}
#clip-editor .edit-bin-tabs button,#clip-editor .edit-inspector-tabs button{flex:1;min-height:29px;font-size:11px;background:transparent;color:var(--editor-muted);border:1px solid transparent;border-radius:4px;white-space:nowrap}
#clip-editor .edit-bin-tabs button[aria-pressed=true],#clip-editor .edit-inspector-tabs button[aria-pressed=true]{color:#efebff;border-color:#6e57ab;background:#292039}
.edit-bin-panel{padding:8px;overflow:auto;min-height:0;flex:1}
#clip-editor .edit-media-bin summary{background:transparent;position:static;padding:2px 0 7px!important;font-size:12px}
#clip-editor .edit-media-bin label{font-size:11px;margin:5px 0;line-height:1.3}
#clip-editor .edit-media-bin input[type=search],#clip-editor .edit-media-bin select{width:100%;min-height:29px;font-size:11px;padding:4px 6px}
#clip-editor .edit-media-bin #edit-takes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#clip-editor .edit-take{min-width:0;padding:5px;background:#0c1220;border:1px solid #303952;display:flex;flex-wrap:wrap;gap:4px;align-content:start;border-radius:5px}
#clip-editor .edit-take>strong{font-size:10px;font-weight:600;line-height:1.3;width:100%}
#clip-editor .edit-take>p{font-size:10px;color:var(--editor-muted);line-height:1.3;margin:0 0 3px;width:100%}
#clip-editor .edit-take-preview{width:100%;height:65px;min-height:65px;padding:0;background:#070b13;border:0;border-radius:3px;overflow:hidden}
#clip-editor .edit-take-preview img{width:100%;height:100%;object-fit:cover}
#clip-editor .edit-take>.button{font-size:10px;min-height:24px;padding:3px 4px;flex:1 1 auto;border-color:#34394d;white-space:normal;border-radius:3px}
#clip-editor .v4-alternative{border-color:#36b8b3}
#clip-editor .edit-panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#bdc7df;padding:4px 5px;min-height:18px}
.edit-live-badge{font-size:8px;letter-spacing:.1em;color:#68ded1;background:#133631;padding:3px 6px;border-radius:3px}
#clip-editor .edit-player{padding:5px;gap:4px;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr)}
#clip-editor .edit-player-picture{overflow:hidden;background:#000;min-height:0;aspect-ratio:auto}
#clip-editor #edit-effect-picture{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;pointer-events:none}
#clip-editor #edit-preview-mode{font-size:10px;line-height:1.2;min-height:12px;margin:0;padding:1px 4px;color:#79d7ce;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#clip-editor .edit-player-controls{border-top:1px solid var(--editor-border);padding:5px 3px 1px;gap:2px 8px;grid-template-columns:minmax(0,1fr) auto}
#clip-editor .edit-player-controls .edit-toolbar{flex-wrap:nowrap;gap:5px}
#clip-editor .edit-player-controls label{font-size:10px;gap:4px;min-width:0;white-space:nowrap}
#clip-editor .edit-player-controls button,#clip-editor .edit-player-controls select{font-size:10px;min-height:27px!important;padding:3px 6px!important}
#clip-editor #edit-preview-track{max-width:190px;min-width:0;width:100%}
#clip-editor #edit-cursor{width:82px;font-size:11px;min-height:25px!important}
#clip-editor #edit-preview-hint{font-size:9px;line-height:1.2}
#clip-editor .edit-player-controls>label[for=edit-scrub]{line-height:14px}#clip-editor #edit-scrub{min-height:15px!important}
#clip-editor .edit-timeline-workspace{padding:5px;gap:3px;min-height:0;background:#0b101b}
#clip-editor .edit-timeline-toolbar{gap:5px}#clip-editor .edit-timeline-toolbar .button,#clip-editor .edit-timeline-toolbar select{font-size:10px!important;min-height:27px!important;padding:3px 6px!important}
#clip-editor .edit-timeline-toolbar label{font-size:10px}#clip-editor .edit-timeline-toolbar #edit-zoom{width:90px}
#clip-editor .edit-gap-tools{min-height:21px}#clip-editor #edit-gap-summary{font-size:10px}#clip-editor .edit-scroll{border-color:#303950;border-radius:3px;scrollbar-color:#535575 #101624;scrollbar-width:thin}
#clip-editor .edit-video-layer{height:75px}#clip-editor .edit-video-layer .edit-clip{height:51px;top:22px}
#clip-editor #edit-video-lane{min-height:150px}#clip-editor #edit-parking-lane{height:66px}#clip-editor #edit-parking-lane .edit-clip{height:62px}
#clip-editor .edit-clip-label{font-size:10px;background:#111322b5}#clip-editor .edit-clip{border-radius:4px;background:#40325a}
#clip-editor .edit-clip.has-effects:after{content:'FX';position:absolute;right:3px;top:3px;padding:1px 3px;border-radius:3px;font-size:9px;background:#4e318e;color:white;pointer-events:none}
#clip-editor .edit-track-label{font-size:10px;padding:3px 6px;background:#101827}#clip-editor .edit-layer-caption{font-size:10px;min-height:19px}
#clip-editor #edit-ruler{height:23px;background:#101525;color:#9daac3}#clip-editor #edit-ruler span{font-size:10px}
#clip-editor #edit-wave{height:38px;background:#0a201f}#clip-editor #edit-wave-note{color:#6addc3;background:#122724}
#clip-editor .edit-visible-segment{background:#233e4a;box-shadow:inset 0 0 0 1px #497a8a;font-size:9px!important;min-height:22px;height:22px}#clip-editor #edit-visible-lane{height:24px}
#clip-editor #edit-effects{border:0;margin:0;padding:10px 4px;display:grid;gap:10px;min-width:0}
#clip-editor #edit-effects legend{font-size:13px;padding-top:10px}
#clip-editor #edit-effects label{font-size:11px;display:grid;gap:5px}#clip-editor #edit-effects .edit-check{display:flex;align-items:center}
#clip-editor #edit-effects input,#clip-editor #edit-effects select{font-size:12px;min-height:30px;padding:5px}
#clip-editor #edit-effects button{font-size:11px;min-height:30px}
#clip-editor #edit-controls{border:0;padding:10px 3px;gap:8px}#clip-editor #edit-controls legend{font-size:13px}#clip-editor #edit-controls label{font-size:10px}#clip-editor #edit-controls input,#clip-editor #edit-controls select{font-size:11px;min-height:29px}#clip-editor #edit-controls button{font-size:10px;min-height:29px}
#clip-editor #edit-selection,#clip-editor #edit-effect-selection{font-size:11px;color:#d1c6f0}
#clip-editor .edit-muted{font-size:11px;color:var(--editor-muted);line-height:1.5}
#clip-editor .edit-bin-panel h3{font-size:11px;font-weight:600;margin:16px 0 8px;color:#d8ceff}
.edit-effect-library{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#clip-editor .edit-effect-library button{background:#192034;border:1px solid #39425c;border-radius:4px;color:#e5e7f5;font-size:11px;min-height:34px;padding:6px;display:grid;gap:5px;text-align:left}
.fx-swatch{display:block;height:35px;border-radius:3px;background:linear-gradient(125deg,#24323c,#c3ba99 45%,#525665)}.fx-noir{filter:grayscale(1)}.fx-violet{background:linear-gradient(125deg,#24133c,#af7ce0 45%,#4a2673)}.fx-warm{background:linear-gradient(125deg,#3c2c24,#d5b38d 45%,#6d513c)}
#clip-editor #edit-bin-v4 textarea{width:100%;min-height:90px;font-size:12px}#clip-editor #edit-bin-v4 p{font-size:11px;color:var(--editor-muted)}#clip-editor #edit-bin-v4 .button{font-size:11px;min-height:32px;width:100%}
#clip-editor #edit-export-panel{padding:8px;font-size:11px}#clip-editor #edit-exports button{font-size:11px;min-height:30px}
@media(min-width:1101px){#clip-editor .edit-media-bin{display:flex}#clip-editor .edit-inspector{visibility:visible}}
@media(min-width:651px) and (max-width:1100px){#clip-editor .clip-editor-body{grid-template-columns:180px minmax(240px,1fr) 235px;grid-template-areas:"actions actions actions" "media player inspector" "timeline timeline timeline"}#clip-editor .edit-media-bin{display:flex}#clip-editor.show-takes .edit-inspector{visibility:visible}#clip-editor #edit-toggle-takes{display:none}#clip-editor #edit-play-selected{display:none}#clip-editor .edit-player-controls .edit-toolbar>label{max-width:55%}#clip-editor .edit-media-bin #edit-takes{grid-template-columns:1fr}.edit-brand-mark{display:none}}
@media(max-width:650px){#clip-editor .clip-editor-body{display:flex;overflow:auto}#clip-editor .edit-player{order:1;height:290px;min-height:290px;position:sticky;top:0;z-index:15}#clip-editor .edit-timeline-workspace{order:2;min-height:350px}#clip-editor .edit-media-bin{order:3;min-height:320px;max-height:440px;display:none}#clip-editor.show-takes .edit-media-bin{display:flex}#clip-editor .edit-inspector{order:3;min-height:300px;max-height:430px}#clip-editor.show-takes .edit-inspector{display:none}#clip-editor .edit-player-controls{grid-template-columns:minmax(0,1fr) auto}#clip-editor .edit-player-controls>label[for=edit-cursor]{grid-column:2;grid-row:2/4}#clip-editor #edit-play-selected{display:none}#clip-editor .edit-player-controls .edit-toolbar>label{max-width:55%}#clip-editor .edit-media-bin #edit-takes{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-brand-mark{display:none}#clip-editor .clip-editor-heading>div{gap:5px}#clip-editor .edit-workspace-actions{order:0}}
#clip-editor #edit-drawer>p:not(#edit-media-count){display:none}
#clip-editor #edit-drawer>label{display:flex;align-items:center;gap:5px;margin:5px 0}
#clip-editor #edit-drawer>.edit-search-label{display:grid;gap:3px}
#clip-editor #edit-media-count{font-size:10px;color:#8e9db8}
#clip-editor #edit-video-lane{min-height:75px}
@media(max-width:650px){#clip-editor .edit-player{height:310px;min-height:310px}}
/* Short laptop displays keep the actual clip thumbnails in view. The preview
   selector still exposes the complete composite; its duplicate summary yields
   space to editable tracks without changing playback or export. */
@media(min-width:651px) and (max-height:760px){
 #clip-editor .clip-editor-heading{padding:3px 12px}
 #clip-editor #edit-close{min-height:29px;padding:3px 12px;font-size:12px}
 #clip-editor .edit-workspace-actions select{min-height:28px;padding:3px 6px;font-size:11px}
 #clip-editor #edit-status{min-height:0;max-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 12px!important}
 #clip-editor #edit-ruler+.edit-track-label,#clip-editor #edit-visible-lane{display:none}
 #clip-editor .edit-gap-tools{min-height:16px}
}

/* Keep trim controls discoverable and distinct from retiming. */
#clip-editor .edit-trim-heading,#clip-editor #edit-trim-note{grid-column:1/-1;margin:0;font-size:12px}
#clip-editor .edit-trim-heading{color:#e8e0ff}
#clip-editor #edit-trim-note{color:#8fe1d8;line-height:1.45}
#clip-editor .edit-trim-help{margin:0 0 4px;font-size:11px;line-height:1.4}
#clip-editor .edit-edge-choice{gap:5px;font-size:11px;white-space:nowrap}
#clip-editor .edit-edge-choice select{min-height:29px;max-width:175px;font-size:11px;padding:4px}

#clip-editor #edit-apply{grid-column:1/-1}

#clip-editor .edit-effect-scope{display:grid;gap:5px;font-size:12px}#clip-editor #edit-effect-scope,#clip-editor #edit-transition-duration{width:100%;min-height:30px;font-size:12px}#clip-editor #edit-effect-target,#clip-editor #edit-transition-target{color:#8fe1d8}

/* Explain real gaps without hiding the transport or altering the edit. */
#clip-editor #edit-picture-empty{flex-direction:column;gap:10px;font-size:12px}
#clip-editor .edit-gap-recovery{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
#clip-editor .edit-gap-recovery button{font-size:11px!important;min-height:28px!important}
#clip-editor .edit-player-controls .edit-toolbar{flex-wrap:wrap}

@media(max-width:650px){#clip-editor .edit-player{height:330px;min-height:330px}}

/* Warm decoders stay attached but never cover the painted program surface. */
#clip-editor .edit-player video.edit-warm-player{position:absolute;inset:0;opacity:0;pointer-events:none}