/* ============ Layout editor gaya NLE (Premiere-like) ============ */
#view-editor{height:100vh;display:flex;flex-direction:column}

.ed-top{height:48px;flex:none;display:flex;align-items:center;gap:10px;padding:0 12px;background:linear-gradient(180deg,#1a222c,#141a23);border-bottom:1px solid var(--line)}
.ed-title-input{width:min(360px,30vw);background:#0d1218;font-weight:650}
.ed-top-actions{margin-left:auto;display:flex;gap:8px;align-items:center}

.ed-main{flex:1;min-height:0;display:grid;grid-template-columns:250px 1fr 330px;gap:8px;padding:8px}
.ed-bin{overflow:hidden}
.bin-list{overflow:auto;padding:8px;display:grid;gap:8px;align-content:start}

.bin-item{border:1px solid var(--line);border-radius:9px;background:var(--panel2);overflow:hidden;cursor:pointer}
.bin-item:hover{border-color:var(--line2)}
.bin-item.active{border-color:var(--accent2);box-shadow:0 0 0 1px var(--accent2) inset}
.bin-item .bin-thumb{height:86px;background:#0b1016 center/cover no-repeat;position:relative;border-bottom:1px solid var(--line)}
.bin-item .bin-thumb .chip{position:absolute;left:6px;top:6px;background:rgba(0,0,0,.6)}
.bin-item .bin-body{padding:8px 10px}
.bin-item .bin-title{font-size:12.5px;font-weight:650;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bin-item .bin-meta{font-size:11px;color:var(--muted);margin-top:4px;display:flex;gap:6px;flex-wrap:wrap}

.ed-center{display:flex;flex-direction:column;min-width:0;gap:8px}
.monitor-wrap{flex:1;min-height:0;background:#06090d;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.monitor{position:relative;background:#000;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.55)}
.monitor video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.monitor video#edVideoBg{object-fit:cover;filter:blur(26px) brightness(.94);transform:scale(1.12)}
.overlay-layer{position:absolute;inset:0}
.safe-frame{position:absolute;inset:6%;border:1px dashed rgba(255,255,255,.22);border-radius:2px;pointer-events:none}
.safe-frame::after{content:"";position:absolute;inset:8%;border:1px dashed rgba(255,255,255,.12)}

.ov-text{position:absolute;transform:translate(-50%,-50%);padding:.28em .5em;text-align:center;line-height:1.2;white-space:pre-wrap;max-width:92%;cursor:move;user-select:none;border:1px solid transparent;border-radius:4px}
.ov-text:hover{border-color:rgba(91,141,239,.8)}
.ov-text.selected{border-color:var(--accent2);box-shadow:0 0 0 1px var(--accent2)}
.ov-sub{position:absolute;left:5%;right:5%;text-align:center;font-weight:700;line-height:1.25;pointer-events:none;text-shadow:0 0 4px #000,0 0 4px #000;white-space:pre-wrap}

.transport{height:54px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 14px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.transport-buttons{display:flex;align-items:center;gap:6px}
.timecode{font-family:var(--mono);font-size:15px;letter-spacing:.5px}
.timecode b{color:var(--accent)}

.ed-inspector{overflow:hidden;display:flex;flex-direction:column}
.inspector-scroll{overflow:auto;padding:10px 12px;flex:1}
.inspector-foot{flex:none;display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:var(--panel2)}
.inspector-foot .btn{flex:1;justify-content:center}
.fx{border:1px solid var(--line);border-radius:9px;background:var(--panel2);margin-bottom:10px;padding:0 12px 12px}
.fx>summary{cursor:pointer;padding:10px 0;font-size:12.5px;font-weight:700;letter-spacing:.3px;color:#cfe0f0;user-select:none}
.mini-list{display:grid;gap:6px;margin-top:8px}
.mini-item{border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:#101720;cursor:pointer;font-size:12.5px;display:flex;gap:8px;align-items:center;justify-content:space-between}
.mini-item:hover{border-color:var(--line2)}
.mini-item.active{border-color:var(--accent2)}
.mini-item .mini-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ai-box{margin-top:10px;border-top:1px dashed var(--line);padding-top:10px}
.sub-lines{display:grid;gap:6px;margin-top:10px}
.sub-line{display:grid;grid-template-columns:64px 64px 1fr auto;gap:6px;align-items:center}
.sub-line input{padding:5px 7px;font-size:12px}
.sub-line .sub-time{font-family:var(--mono);font-size:11px}
.sub-line button{padding:3px 8px;font-size:11px}

/* ============ Timeline ============ */
.ed-timeline{height:236px;flex:none;border-top:1px solid var(--line);background:#0f141b;display:flex;flex-direction:column}
.tl-toolbar{height:34px;flex:none;display:flex;align-items:center;gap:16px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--panel)}
.tl-zoom{margin-left:auto;display:flex;align-items:center;gap:8px}
.tl-zoom input{width:130px}
.tl-body{flex:1;min-height:0;display:flex}
.tl-labels{width:112px;flex:none;background:#131a23;border-right:1px solid var(--line);z-index:3}
.tl-label{height:44px;display:flex;align-items:center;padding:0 12px;font-size:11.5px;color:var(--muted);border-bottom:1px solid #1c2530;letter-spacing:.3px}
.tl-label.ruler-space{height:26px;background:#111823;color:#6f8398}
.tl-scroll-wrap{flex:1;min-width:0;overflow:auto;position:relative}
.tl-inner{position:relative;height:100%;min-width:100%}
.tl-ruler{height:26px;position:relative;background:#111823;border-bottom:1px solid var(--line);cursor:pointer}
.tl-tick{position:absolute;top:0;bottom:0;border-left:1px solid #2a3644;color:#6f8398;font-size:10px;padding-left:4px;display:flex;align-items:center;font-family:var(--mono)}
.tl-lane{height:44px;position:relative;border-bottom:1px solid #1c2530;background:repeating-linear-gradient(90deg,#0f151d,#0f151d 39px,#121a24 39px,#121a24 40px)}
.tl-block{position:absolute;top:6px;height:32px;border-radius:6px;border:1px solid;cursor:pointer;overflow:hidden;font-size:11px;display:flex;align-items:center;padding:0 8px;color:#eaf2ff}
.tl-block.video{background:linear-gradient(180deg,#2f5379,#23405c);border-color:#4a74a2}
.tl-block.text{background:linear-gradient(180deg,#5a3f7d,#452f62);border-color:#8a63bd}
.tl-block.sub{background:linear-gradient(180deg,#2c5f4b,#224a3c);border-color:#3f8a6c}
.tl-block.selected{box-shadow:0 0 0 2px var(--accent2)}
.tl-block .tl-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;background:rgba(255,255,255,.28);opacity:0}
.tl-block:hover .tl-handle{opacity:1}
.tl-block .tl-handle.l{left:0;border-radius:6px 0 0 6px}
.tl-block .tl-handle.r{right:0;border-radius:0 6px 6px 0}
.tl-playhead{position:absolute;top:0;bottom:0;width:2px;background:#ff5b6e;z-index:6;pointer-events:none}
.tl-playhead::before{content:"";position:absolute;top:0;left:-5px;border:6px solid transparent;border-top-color:#ff5b6e}

@media (max-width:1200px){
  .ed-main{grid-template-columns:200px 1fr 280px}
}
/* Studio v3 layout */
#view-editor{height:100dvh;background:#121116}.ed-top{height:70px;background:#1a181f;gap:12px;padding:0 18px}.editor-brand{font-size:21px;font-weight:750;letter-spacing:-1px}.editor-brand>span{color:var(--accent)}.top-divider{width:1px;height:25px;background:var(--line);flex:none}.ed-title-wrap{display:flex;flex-direction:column;gap:3px;min-width:0}.ed-title-wrap .eyebrow{font-size:7px;letter-spacing:1.5px;margin:0;color:#9786ac}.ed-title-input{background:transparent;border-color:transparent;padding:2px 0;border-radius:2px;width:clamp(140px,19vw,340px);font-size:12px;letter-spacing:0}.ed-title-input:focus{background:#211c2a}.ed-top-actions{gap:7px}.ed-top-actions .btn{font-size:10px;padding:8px 11px}.ed-top-actions .icon-btn{padding:8px}.ed-top-actions .icon{width:15px;height:15px}.ed-main{grid-template-columns:244px minmax(0,1fr) 320px;gap:12px;padding:12px}.ed-bin{display:flex;flex-direction:column;background:#1b191f}.ed-bin .panel-head{flex:none}.bin-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 12px;gap:20px;flex:none}.bin-tabs button{border:0;background:none;padding:12px 5px 10px;color:var(--muted);font-size:10px;border-bottom:2px solid transparent}.bin-tabs button.active{color:#d0bcf0;border-color:var(--accent)}#binClips,#binTranscript{display:flex;flex-direction:column;min-height:0;flex:1}.bin-actions{padding:12px;display:flex;justify-content:space-between;gap:6px;flex:none}.bin-list{padding:0 12px 12px;flex:1;gap:12px}.bin-item{background:#222027;border-color:#343039}.bin-item.active{border-color:#ab8edb;box-shadow:0 0 0 1px #ab8edb20 inset}.bin-item .bin-thumb{height:90px;background:#131116 center/cover no-repeat;border-color:#343039}.bin-item .bin-thumb .chip{font-size:8px}.bin-item .bin-body{padding:10px}.bin-item .bin-title{font-size:10px;letter-spacing:0}.bin-item .bin-meta{font-size:9px;gap:5px;color:#8e8699}.bin-item-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:8px}.bin-item-actions button{padding:4px 6px;font-size:9px}.bin-item-actions .icon{width:12px;height:12px}.bin-footer{padding:10px 12px;display:flex;justify-content:space-between;gap:6px;border-top:1px solid var(--line);flex:none}.preview-heading{font-size:8px;letter-spacing:1.4px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#91869f;padding:0 3px;height:22px;flex:none}.preview-heading span:first-child{display:flex;align-items:center;gap:7px}.preview-heading #previewMeta{letter-spacing:.6px;font-size:8px}.monitor-wrap{background:radial-gradient(ellipse at center,#28202f,#17121d);border-color:#302735;border-radius:10px}.monitor{width:auto;flex:none;max-width:100%;max-height:100%;box-shadow:0 12px 40px #0007}.monitor video{background:transparent}#edVideoBg{background:#000}.safe-frame{border-color:#ffffff30}.ov-text{touch-action:none}.transport{height:48px;background:#1e1a25;border-color:#352b3e;border-radius:9px;padding:0 12px;gap:6px}.transport .btn{padding:5px 7px;font-size:10px}.transport .btn.play{padding:5px 13px}.transport-buttons{gap:3px}.timecode{font-size:11px;white-space:nowrap;letter-spacing:0}.timecode b{color:#d5c0f2}.transport .small-note{display:none}.ed-inspector{background:#1b191f}.inspector-scroll{padding:12px}.fx{background:#211e27;border-color:#35303d;padding:0 12px 12px;margin-bottom:10px}.fx>summary{color:#d1c5df;font-size:10px;font-weight:600;padding:12px 0;letter-spacing:.2px}.fx .field{font-size:10px;margin-bottom:10px}.fx input,.fx select,.fx textarea{font-size:10px;padding:7px 8px;background:#19161f;border-color:#3b3344}.fx input[type=range]{background:none;padding:0}.fx input[type=color]{height:29px;padding:2px}.fx .btn{font-size:9px;padding:5px 7px}.inspector-foot{background:#201b27;padding:10px;gap:6px}.inspector-foot .btn{font-size:10px;padding:9px 8px}.mini-item{background:#19161f;border-color:#3b3344;font-size:10px;padding:7px;gap:5px}.mini-item.active{border-color:var(--accent)}.mini-item .small-note{font-size:8px}.sub-line{grid-template-columns:49px 49px minmax(0,1fr) 22px;gap:4px}.sub-line input{font-size:9px;padding:6px 4px}.sub-line .sub-time{font-size:8px}.sub-line button{padding:3px}.sub-line.active input{border-color:#ae94d0}.ai-box{border-color:#51455c}.ed-timeline{height:216px;background:#17131d;border-color:#382e42}.tl-toolbar{height:38px;background:#211b29;border-color:#382e42;gap:10px;padding:0 15px}.tl-toolbar b{color:#c4aedc;font-size:8px;letter-spacing:1.5px}.tl-toolbar .small-note{font-size:9px}.tl-labels{width:108px;background:#1d1824;border-color:#382e42}.tl-label{border-color:#352a3d;font-size:9px;letter-spacing:.3px;color:#a795b9;height:40px}.tl-label.ruler-space,.tl-ruler{background:#1d1824;height:24px;color:#9a82b1}.tl-lane{height:40px;border-color:#352a3d;background:repeating-linear-gradient(90deg,#19131f,#19131f 39px,#241b2c 39px,#241b2c 40px)}.tl-block{height:28px;top:5px;border-radius:5px;font-size:9px;padding:0 10px;touch-action:none}.tl-block.video{background:linear-gradient(#645080,#514065);border-color:#9d7cbc}.tl-block.text{background:linear-gradient(#4b5878,#39465f);border-color:#778daa}.tl-block.sub{background:linear-gradient(#38695f,#2d534d);border-color:#609e90}.tl-tick{color:#8e799f;border-color:#4c3a57;font-size:8px}.tl-playhead{background:#e6c7ff;width:1px}.tl-playhead::before{border-top-color:#e6c7ff;left:-5px}.tl-block .tl-handle{opacity:.7;width:5px}.tl-body{min-height:0}.timeline-footer{height:25px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-top:1px solid #352a3d;font-size:8px;color:#8e7d9e}.timeline-footer>span:first-child{color:#b2c9bc}.timeline-footer .btn{font-size:8px;padding:2px 5px;border:0}.tl-zoom input{width:90px}.transcript-hint{font-size:9px;padding:10px 12px;color:#998ba7}.transcript-list{overflow:auto;flex:1;padding:0 10px 10px}.transcript-segment{padding:10px;border:1px solid transparent;border-radius:7px;margin-bottom:5px;background:#211d28}.transcript-segment.current{border-color:#7b6492;background:#b6a0ff12}.transcript-segment p{font-size:11px;color:#cbc1d6;line-height:1.7;cursor:pointer}.transcript-segment .segment-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:#9785ab;font-size:8px;font-family:var(--mono)}.segment-meta button{font-family:inherit;font-size:8px;padding:2px 5px;background:#34293f;color:#ceb7e5;border:1px solid #544165;border-radius:3px}#binTranscript>.search-box{margin:10px 12px 0;background:#211d28}#edTranscriptDownload{margin:8px 12px 12px}.editor-mobile-nav{display:none}.clip-empty{padding:24px 16px;color:var(--muted);font-size:11px;text-align:center}.monitor-message{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:#ad9bbc;font-size:12px;line-height:1.8}.dialog-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shortcut-list{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:12px;color:var(--muted)}
@media(max-width:1250px){.ed-main{grid-template-columns:210px minmax(0,1fr) 290px;gap:8px;padding:8px}.ed-top{gap:8px;padding:0 12px}.ed-top-actions .btn{padding:7px 8px}.ed-title-input{width:160px}.editor-brand{font-size:19px}.ed-top .chip{font-size:8px;max-width:180px;overflow:hidden}.ed-top-actions #edTitlesBtn{display:none}}
@media(max-width:1000px){.ed-main{grid-template-columns:170px minmax(0,1fr) 260px}.bin-actions{padding:8px;flex-wrap:wrap}.bin-list{padding:0 8px 8px}.bin-footer{padding:8px;flex-wrap:wrap}.ed-top .editor-brand,.ed-top>.top-divider{display:none}.ed-top .chip{max-width:140px}.ed-title-input{width:140px}.ed-top-actions{gap:4px}.ed-top-actions .top-divider{display:none}.ed-top-actions .btn{font-size:9px}.transport{flex-wrap:wrap;height:auto;min-height:58px;padding:7px}.transport .timecode{font-size:10px}.inspector-scroll{padding:8px}.fx{padding-left:9px;padding-right:9px}.tl-toolbar #tlHint{font-size:8px}}
@media(max-width:760px){.ed-top{height:64px;gap:8px}.ed-title-wrap{flex:1}.ed-title-input{width:100%;max-width:none;font-size:11px}.ed-top>.chip{display:none}.ed-top-actions #edPreviewBtn{width:30px;font-size:0;gap:0}.ed-top-actions #edRenderBtn{font-size:9px;padding:8px}.ed-top-actions #edRenderBtn .icon{display:none}.ed-top-actions .icon-btn{width:25px;min-width:25px;padding:5px}.editor-mobile-nav{display:flex;justify-content:center;gap:20px;flex:none;height:37px;border-bottom:1px solid #382e42;background:#1c1722}.editor-mobile-nav button{border:0;border-bottom:2px solid transparent;background:transparent;color:#9f8dac;font-size:10px;padding:0 6px}.editor-mobile-nav button.active{border-color:var(--accent);color:#d7bef0}.ed-main{display:flex;padding:8px;gap:0;flex:1;min-height:0}.ed-center{width:100%}.ed-bin,.ed-inspector{display:none;width:100%;height:100%}#view-editor[data-pane=clips] .ed-center,#view-editor[data-pane=controls] .ed-center{display:none}#view-editor[data-pane=clips] .ed-bin,#view-editor[data-pane=controls] .ed-inspector{display:flex}.bin-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.bin-item .bin-thumb{height:94px}.bin-actions{flex-wrap:nowrap;padding:10px}.bin-footer{flex-wrap:nowrap}.ed-timeline{height:202px}.tl-toolbar #tlHint{display:none}.tl-labels{width:78px}.tl-label{padding:0 8px;font-size:8px}.tl-toolbar{padding:0 8px;gap:8px}.tl-zoom{gap:5px}.tl-zoom input{width:75px}.timeline-footer{padding:0 8px;font-size:7px}.timeline-footer>span:nth-child(2){display:none}.transport{height:48px;min-height:48px;flex-wrap:nowrap}.ed-inspector .inspector-scroll{padding:12px}.fx input,.fx select,.fx textarea{font-size:12px}.fx .field{font-size:11px}.sub-line{grid-template-columns:62px 62px 1fr 26px}.sub-line input{font-size:11px}.ed-top #edBack{padding:6px}.preview-heading{font-size:7px}.preview-heading #previewMeta{font-size:7px}}

.bin-list{grid-auto-rows:max-content}.bin-item{min-height:164px}.bin-item .bin-body{overflow:visible}

.ed-top #edDownloadBtn{display:none!important}

.editor-brand{font-size:19px;letter-spacing:-.8px}.project-ai-control{padding:12px;border-bottom:1px solid var(--line);flex:none}.project-ai-control .field{margin-bottom:6px;font-size:9px}.project-ai-control select{font-size:10px;padding:7px}.project-ai-control p{font-size:8px;line-height:1.6;color:#a994b9}.project-ai-control .ai-fallback{color:var(--warn)}
.bin-filters{padding:0 12px 8px}.bin-filters select{font-size:10px;padding:6px;width:100%}.batch-ai{margin:0 12px 6px}.ed-bin #edBulkStatus{margin:0 12px 6px;font-size:9px}.ed-bin #edCancelTasks{margin:0 12px 8px}.word-editor{border:1px solid #423548;border-radius:8px;padding:9px;margin:12px 0}.word-editor>b{font-size:10px;color:#cfbce6}.word-chips{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.word-chip{border:1px solid #51455f;border-radius:5px;background:#251c32;color:#d5c3e4;font-size:11px;padding:5px 7px;cursor:pointer}.word-chip.selected{border-color:#b6a0ff;background:#b6a0ff24}.caption-studio input[type=checkbox]{width:auto}.fx .full{width:100%}.ov-sub{width:90%;right:auto;max-width:90%;text-align:center;paint-order:stroke fill}.youtube-session{padding:12px;border:1px solid var(--line);border-radius:10px;margin:16px 0}.youtube-session summary{cursor:pointer;margin-bottom:8px}.youtube-session input{max-width:100%;margin:10px 0}.pipeline-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.pipeline-step{display:flex;align-items:center;gap:6px;color:#8e7f9b;font-size:11px}.pipeline-step span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #51445c;border-radius:50%;flex:none}.pipeline-step.current{color:#c3b0ff}.pipeline-step.current span{background:#b6a0ff28;border-color:#b6a0ff}.pipeline-step.complete{color:#8ed2b6}.source-recovery{padding:14px;border:1px solid #63513d;border-radius:10px;margin-top:16px}.source-recovery>b{font-size:12px}.source-recovery p{margin:10px 0;line-height:1.8}.creator-options small{font-size:10px;color:var(--muted)}.creator-options input[type=checkbox]{width:auto}.settingsOverlay{overflow:auto}.modal{max-height:92vh;overflow:auto}@keyframes caption-pop{from{scale:.88}to{scale:1}}@keyframes caption-fade{from{opacity:0}to{opacity:1}}@keyframes caption-rise{from{translate:0 8px;opacity:.5}to{translate:0 0;opacity:1}}
@media(max-width:760px){.pipeline-steps{gap:5px}.pipeline-step{font-size:9px;gap:4px}.pipeline-step span{width:20px;height:20px}.creator-options{grid-template-columns:1fr 1fr}.batch-ai{width:calc(100% - 24px)}}