:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:13px/1.4 system-ui,-apple-system,sans-serif;background:#0b0d10;color:#e8eaed}.app{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:48px 1fr auto;height:100%;overflow:hidden}.topbar{display:flex;align-items:center;gap:10px;padding:0 14px;background:#12151a;border-bottom:1px solid #22262d}.logo{font-weight:700;letter-spacing:.08em}.logo-dot{color:#f5a623}.spacer{flex:1}button{padding:6px 12px;border-radius:7px;border:1px solid #2a2f38;background:#1a1e26;color:inherit;cursor:pointer;font:inherit}button:hover{background:#242a34}button.primary{background:#f5a623;color:#111;font-weight:600;border:none}button:disabled{opacity:.45;cursor:default}input,select{padding:6px 10px;border-radius:7px;border:1px solid #2a2f38;background:#0b0d10;color:inherit;font:inherit}.main{display:grid;grid-template-columns:280px 1fr;min-height:0;min-width:0}.library{border-right:1px solid #22262d;overflow-y:auto;padding:10px;position:relative}.library h3,.seqs h3{margin:6px 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9aa0a6}.asset{display:flex;gap:10px;padding:8px;border-radius:8px;cursor:pointer;align-items:center}.asset:hover{background:#171b21}.asset img{width:84px;aspect-ratio:16/9;object-fit:cover;border-radius:5px;background:#000;flex-shrink:0}.asset>div{min-width:0;max-width:100%;overflow:hidden}.asset .t{font-weight:600;overflow-wrap:anywhere;word-break:break-word}.asset .s{overflow-wrap:anywhere;word-break:break-word}.asset .s{color:#9aa0a6;font-size:11px}.asset .star{flex-shrink:0;background:transparent;border:none;color:#f5c84b;font-size:16px;cursor:pointer;padding:2px 4px}.asset .star.note-btn{color:#6b7280;font-size:13px}.asset .star.note-btn:hover{color:#cfe6f7}.library .tabs{position:sticky;top:-10px;margin:-10px -10px 8px;padding:10px 10px 8px;background:#0e1116;z-index:5}.library .tabs button{padding:4px 6px;font-size:11px;flex:1;min-width:0}.library select{width:100%;margin-bottom:8px}.stage{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#07080a;position:relative}.stage video{max-width:100%;max-height:100%;background:#000}.stage .time{position:absolute;top:10px;left:12px;font-variant-numeric:tabular-nums;color:#9aa0a6}.stage .offline{color:#6b7280;position:absolute}.seqs{padding:0 10px}.seq{padding:6px 8px;border-radius:6px;cursor:pointer}.seq:hover{background:#171b21}.seq.active{background:#1d2b3a}.bottom{display:flex;flex-direction:column;background:#101318;border-top:1px solid #22262d;min-height:0;min-width:0;overflow:hidden;position:relative}.transport{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid #1c2027;min-width:0;overflow:hidden}.transport>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.tc{font-variant-numeric:tabular-nums;color:#f5a623;min-width:96px;flex-shrink:0}.tl-scroll{flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;position:relative}.tl-inner{position:relative;height:100%}.ruler{position:sticky;top:0;height:22px;border-bottom:1px solid #1c2027;background:#101318}.tick{position:absolute;top:0;height:100%;border-left:1px solid #262c35;padding-left:4px;font-size:10px;color:#6b7280;pointer-events:none}.track{position:relative;height:56px;border-bottom:1px solid #1c2027}.track.dragover{outline:2px dashed #f5a623;outline-offset:-2px;background:#f5a62312}.asset{cursor:grab}.asset:active{cursor:grabbing}.track.audio{height:40px}.track-label{position:absolute;left:0;top:0;bottom:0;width:110px;font-size:11px;color:#6b7280;padding:4px;background:#0d1013;border-right:1px solid #1c2027;z-index:2}.lane-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text;padding-bottom:2px;color:#9aa0a6}.track-ctl{display:flex;gap:2px}.track-ctl button{padding:0 3px;font-size:9px;line-height:1.4;min-width:16px}.resizer-v{position:absolute;top:0;bottom:0;right:-4px;width:8px;cursor:col-resize;z-index:10;touch-action:none}.resizer-v.left-edge{right:auto;left:-4px}.resizer-h{position:absolute;top:-4px;left:0;right:0;height:9px;cursor:row-resize;z-index:10;touch-action:none;background:transparent}.resizer-v:hover,.resizer-h:hover{background:#f5a62340}.resizer-v:active,.resizer-h:active{background:#f5a62359}.clip{position:absolute;top:4px;bottom:4px;border-radius:5px;background:linear-gradient(180deg,#2b4a63,#22394d);border:1px solid #3b6584;cursor:grab;overflow:hidden;font-size:11px}.clip.audio{background:linear-gradient(180deg,#2b5c3d,#1f4530);border-color:#3b8459}.clip.selected{outline:2px solid #f5a623}.clip .fade{position:absolute;top:0;bottom:0;pointer-events:none;z-index:1}.clip .fade.in{left:0;background:linear-gradient(90deg,#080a0eeb,#080a0e73 60%,#080a0e00)}.clip .fade.out{right:0;background:linear-gradient(270deg,#080a0eeb,#080a0e73 60%,#080a0e00)}.clip .label{position:absolute;left:6px;top:3px;right:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cfe6f7}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#f5a623;pointer-events:none;z-index:3}.playhead:after{content:"";position:absolute;top:0;left:-4px;border:5px solid transparent;border-top-color:#f5a623}.marker{position:absolute;top:14px;width:2px;height:40px;background:#e0566d;z-index:2;pointer-events:none}.marker.note-pin{background:#4da3ff;top:6px;height:22px;box-shadow:0 0 4px #4da3ffb3}.hint{color:#6b7280;font-size:11px;padding:4px 12px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:#1a1e26;border:1px solid #2a2f38;padding:9px 16px;border-radius:8px;opacity:0;transition:opacity .2s;pointer-events:none}.toast.show{opacity:1}.toast.error{border-color:#7a2c39}.main3{grid-template-columns:280px 1fr 300px}.right{border-left:1px solid #22262d;overflow-y:auto;padding:10px;background:#0e1116;position:relative}.right .tabs{position:sticky;top:-10px;margin:-10px -10px 8px;padding:10px 10px 8px;background:#0e1116;z-index:5}.tabs{display:flex;gap:6px;margin-bottom:8px}.tabs button{flex:1}.tab.active{background:#242a34;font-weight:600}.panel{display:flex;flex-direction:column;gap:6px;min-height:0}.panel h3{margin:6px 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9aa0a6}.prow{display:flex;gap:6px}.prow input{flex:1}.plabel{color:#9aa0a6;font-size:11px}.hit,.comment,.seg{padding:7px 8px;border-radius:6px;background:#171b21;margin-bottom:6px;cursor:pointer}.hit .ht{color:#cfe6f7}.hit mark{background:#f5a623;color:#111;border-radius:3px;padding:0 2px}.hit .hs,.cmeta{color:#6b7280;font-size:11px;margin-top:3px}.hbtns{display:flex;gap:6px;margin-top:6px}.hbtns button{padding:3px 8px;font-size:11px}.comment.resolved{opacity:.5}.cbody{white-space:pre-wrap}.cmeta button{padding:2px 6px;font-size:11px}.segs{margin-top:6px}.seg .stc,.cbody .stc{color:#f5a623;margin-right:6px;font-variant-numeric:tabular-nums}.comment .cbody{display:inline}.inspector{display:inline-flex;gap:10px;margin-left:12px;color:#9aa0a6;font-size:11px;align-items:center}.inspector input[type=range]{width:90px}.live-dot{color:#e0566d;margin-right:4px;animation:blink 1.2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.live-stats{display:grid;gap:2px;padding:8px;border-radius:6px;background:#171b21;color:#9aa0a6;font-size:12px;margin:8px 0}.note{padding:7px 8px;border-radius:6px;background:#171b21;margin-bottom:6px}.note .nt{display:flex;align-items:center;gap:6px;font-size:11px;color:#9aa0a6}.note .nt .tcline{background:#10141a;border:1px solid #2a2f38;color:#f5a623;font-variant-numeric:tabular-nums;padding:1px 6px;border-radius:4px;cursor:pointer}.note .nt .nu{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note .nt .del{background:transparent;border:none;cursor:pointer;font-size:12px;padding:0}.note .nb{white-space:pre-wrap;margin-top:3px;font-size:12px;color:#dbe3ec}.live-stats b{color:#e8eaed}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 20% -10%,#16202c,#0b0d10 60%)}.auth-card{width:360px;max-width:92vw;background:#12151a;border:1px solid #22262d;border-radius:14px;padding:26px;display:flex;flex-direction:column}.auth-logo{font-weight:700;font-size:20px;letter-spacing:.08em}.auth-sub{color:#9aa0a6;font-size:12px;margin-top:4px}.auth-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#9aa0a6;margin:10px 0 4px}.auth-error{margin-top:10px;padding:8px 10px;border-radius:7px;background:#2a151b;border:1px solid #7a2c39;color:#f3b6c0;font-size:12px}.auth-foot{margin-top:12px;color:#6b7280;font-size:11px;text-align:center}.auth-boot{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:700;letter-spacing:.08em}button.danger:hover{background:#3a1d24;border-color:#7a2c39}button.warn{border-color:#7a2c39}.user-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#1a1e26;border:1px solid #2a2f38;max-width:220px}.user-chip .user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-badge{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#111;background:#f5a623;border-radius:4px;padding:1px 5px;font-weight:700}.lib-tools{margin-bottom:8px}.lib-tools input{flex:1;min-width:0}.lib-tools select{width:auto}.admin-user{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;background:#171b21;margin-bottom:6px}.admin-user-main{flex:1;min-width:0}.admin-user-main .t{font-weight:600;overflow-wrap:anywhere}.admin-user-main .s{color:#9aa0a6;font-size:11px;overflow-wrap:anywhere}.admin-toggle{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#9aa0a6;flex-shrink:0}.inspector label{display:inline-flex;align-items:center;gap:4px}.inspector b{color:#e8eaed}.zl{color:#6b7280;font-size:11px}.stock-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stock-card{border:1px solid #22262d;border-radius:8px;overflow:hidden;background:#12151a;display:flex;flex-direction:column}.stock-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;display:block}.stock-noimg{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:#6b7280;background:#0b0d10;text-transform:uppercase;font-size:11px}.stock-meta{padding:6px 8px 0;flex:1}.stock-meta .t{font-weight:600;font-size:12px;overflow-wrap:anywhere}.stock-meta .s{color:#9aa0a6;font-size:11px;overflow-wrap:anywhere}.stock-card button{margin:6px}.stock-card .plabel{align-self:center;margin:6px}.marker{pointer-events:auto;cursor:pointer}.marker:hover{box-shadow:0 0 6px #e0566de6}.marker.note-pin:hover{box-shadow:0 0 8px #4da3ff}.clip .wave{position:absolute;left:2px;right:2px;bottom:2px;height:34px;width:calc(100% - 4px);pointer-events:none;opacity:.9}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060a9e;display:flex;align-items:center;justify-content:center;z-index:100}.modal{width:460px;max-width:94vw;max-height:84vh;overflow-y:auto;background:#12151a;border:1px solid #2a2f38;border-radius:12px;padding:18px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modal-head h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#9aa0a6}.modal h3.mt{margin-top:14px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9aa0a6}.modal .mt{margin-top:14px}button.ghost{background:transparent;border-color:transparent}.render-active{margin-top:10px;padding:8px 10px;border-radius:7px;background:#16202c;border:1px solid #2a4a63;color:#cfe6f7}.render-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;background:#171b21;margin-bottom:6px}.render-main{flex:1;min-width:0}.render-main .t{font-weight:600}.render-main .s{color:#9aa0a6;font-size:11px;overflow-wrap:anywhere}.help-grid{display:grid;grid-template-columns:130px 1fr;gap:5px 12px;font-size:12px}.help-grid span:nth-child(odd){color:#f5a623;font-variant-numeric:tabular-nums;text-align:right}.help-grid span:nth-child(2n){color:#dbe3ec}.prov-chips{display:flex;gap:4px;margin-bottom:6px}.prov-chips button{padding:3px 8px;font-size:11px;flex:0 0 auto}.tagrow{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tagchip{font-size:10px;padding:1px 6px;border:1px solid #f5a623;border-radius:999px;color:#dbe3ec}.tagchip-btn{padding:2px 8px;font-size:10px;border-radius:999px;border:1px solid #2a2f38;background:#171b21;color:#9aa0a6}.tagchip-btn.active{background:#2b3340;color:#f5c84b;border-color:#f5a623}.lib-tags{margin-bottom:8px}.bulkbar{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:#1d2b3a;border:1px solid #2a4a63;margin-bottom:8px;font-size:11px;flex-wrap:wrap}.bulkbar span{color:#f5c84b;font-weight:600}.bulkbar button{padding:3px 8px;font-size:11px}.set-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;background:#171b21;margin-bottom:6px;cursor:pointer}.set-row:hover{background:#1d232c}.set-kind{font-size:14px}.sets-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sets-name{font-size:13px}.sets-actions{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}.sets-actions .spacer{flex:1}.row-menu{display:flex;gap:2px;flex-shrink:0}.row-menu button{padding:2px 5px;font-size:10px;background:transparent;border-color:#2a2f38;color:#6b7280}.row-menu button:hover{color:#e8eaed;background:#242a34}.asset .sel{flex-shrink:0}.dupe-group{border:1px dashed #2a2f38;border-radius:8px;padding:6px;margin-bottom:8px}.share-view{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:48px 1fr auto;height:100vh;overflow:hidden}.share-main{display:grid;grid-template-columns:1fr 320px;min-height:0}.share-stage{display:flex;align-items:center;justify-content:center;background:#07080a;position:relative}.share-stage canvas{max-width:100%;max-height:100%;background:#000}.share-stage .watermark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:48px;font-weight:800;letter-spacing:.2em;color:#ffffff12;transform:rotate(-18deg)}.share-comments{border-left:1px solid #22262d;padding:10px;overflow-y:auto;background:#0e1116}.share-comments h3{margin:6px 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9aa0a6}.share-comments .note{cursor:pointer}.share-input{padding:6px 10px;border-radius:7px;border:1px solid #2a2f38;background:#0b0d10;color:inherit;font:inherit;resize:vertical}.share-comments textarea.share-input{width:100%}.share-created{display:flex;gap:6px;margin-top:8px}.share-created input{flex:1;font-size:11px}.modal-wide{width:760px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.comment.reply{margin:6px 0 0 18px;background:#131720}.reply-box{margin-top:6px}.comment .cmeta button{margin-left:2px}.seg{position:relative;padding-right:60px}.seg-cut{position:absolute;right:6px;top:6px;padding:1px 6px;font-size:10px}.seq{display:flex;align-items:center;gap:6px}.seq>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;background:#171b21;margin-bottom:4px;font-size:11px}.audit-row .t{color:#cfe6f7;font-weight:600;flex-shrink:0}.audit-row .s{color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.note.unread{border-left:2px solid #f5a623}.ins-tr input[type=number]{width:46px}.ai-drawer{position:fixed;top:48px;right:0;bottom:0;width:440px;max-width:92vw;background:#12151a;border-left:1px solid #2a2f38;z-index:95;display:flex;flex-direction:column;box-shadow:-12px 0 30px #00000073}.ai-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #1c2027;font-size:12px;letter-spacing:.06em}.ai-msg{margin-bottom:12px}.ai-msg .who{color:#6b7280;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.ai-msg.user{text-align:right}.ai-msg.user .who{color:#9aa0a6}.ai-msg .bubble{display:inline-block;max-width:92%;padding:8px 11px;border-radius:10px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.ai-msg.ai .bubble{background:#171b21;border:1px solid #262c35;text-align:left}.ai-msg.user .bubble{background:#2b4a63;border:1px solid #3b6584}.welcome{width:520px}.welcome .auth-logo{font-weight:700;font-size:20px;letter-spacing:.04em}.welcome-opts{display:flex;flex-direction:column;gap:10px;margin-top:16px}.welcome-opts button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;text-align:left;border-radius:10px}.welcome-opts button:hover{border-color:#f5a623}.welcome-opts button b{font-size:14px}.welcome-opts button span{color:#9aa0a6;font-size:12px}.welcome-list{max-height:190px;overflow-y:auto;border:1px solid #22262d;border-radius:8px;padding:4px}.welcome-list .seq{margin:2px}.welcome-templates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.welcome-templates button{text-align:left;padding:10px 12px}.badge-int{background:#2b3340;color:#cfe6f7;border-radius:4px;font-size:10px;padding:1px 5px;margin-left:4px}.cmdk-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060a8c;z-index:98}.cmdk{position:fixed;top:18vh;left:50%;transform:translate(-50%);width:520px;max-width:92vw;background:#12151a;border:1px solid #2a2f38;border-radius:12px;padding:10px;z-index:99;box-shadow:0 18px 50px #0000008c}.cmdk input{width:100%;margin-bottom:8px}.cmdk-list{max-height:46vh;overflow-y:auto}.cmdk-item{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px}.cmdk-item.sel{background:#2b4a63;color:#cfe6f7}.cmdk-item .hint{color:#6b7280;font-size:11px}