:root{color-scheme:dark;--bg:#06080c;--p0:#090c12;--p1:#10151d;--p2:#171e28;--p3:#202a37;--line:#303b49;--text:#f4f7fb;--muted:#8f9aaa;--gold:#f0b640;--blue:#2580e8;--cyan:#29d7ee;--green:#2dd693;--red:#ef6870;font-family:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-size:13px}button,input,select,textarea{font:inherit}button{border:1px solid #384555;border-radius:5px;background:#19212c;color:#dce4ed;padding:7px 10px;font-weight:700;cursor:pointer;transition:.15s}button:hover{border-color:#8190a3;background:#263242}button:disabled{opacity:.35;cursor:not-allowed}.primary{background:#155bb8;border-color:#3d8aeb;color:#fff}.gold{background:linear-gradient(135deg,#8b5e08,#c28b19);border-color:#f1bd50;color:#fff}.danger{border-color:#713e44;color:#ffadb2}.exit-link{border:1px solid #3a4655;border-radius:5px;color:#c7d0dc;text-decoration:none;padding:7px 10px}.app-shell{height:100%;display:grid;grid-template-rows:68px minmax(280px,1fr) 292px}.app-header{display:grid;grid-template-columns:210px minmax(190px,1fr) auto minmax(390px,auto);gap:12px;align-items:center;padding:7px 14px;border-bottom:1px solid #a77822;background:linear-gradient(100deg,#06080c,#111e2e);box-shadow:0 7px 25px #0009;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.brand img{width:52px;height:52px;object-fit:contain}.brand span{display:grid;letter-spacing:.1em}.brand small{font-size:9px;color:var(--gold);margin-top:3px}.project-control{display:grid;grid-template-columns:auto minmax(110px,300px) auto;gap:8px;align-items:center;min-width:0}.project-control>span,.project-control em{font-size:9px;color:#929dab;letter-spacing:.11em;font-style:normal}.project-control input{min-width:0;border:0;border-bottom:1px solid #465362;background:transparent;color:#fff;padding:7px 3px;font-weight:700;outline:none}.project-control input:focus{border-color:var(--cyan)}.history-controls,.header-actions{display:flex;gap:6px;align-items:center}.header-actions{justify-content:flex-end}.history-controls button,.header-actions button,.header-actions a{white-space:nowrap;font-size:11px}.editing-area{min-height:0;display:grid;grid-template-columns:292px minmax(420px,1fr) 292px;background:#06090e}.left-panel,.right-panel{min-height:0;background:var(--p1);border-right:1px solid var(--line);overflow:hidden}.right-panel{border-right:0;border-left:1px solid var(--line);overflow:auto}.section-tabs{height:41px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.section-tab{border:0;border-radius:0;background:#0b1017;color:#8c97a6;padding:0 3px;font-size:10px}.section-tab.active{color:var(--gold);background:#1c2430;box-shadow:inset 0 -2px var(--gold)}.section-view{display:none;height:calc(100% - 41px);overflow:auto;padding:12px}.section-view.active{display:block}.panel-title,.inspector-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-title>div,.inspector-head>div{display:grid;gap:2px}.panel-title b,.inspector-head b{font-size:14px}.panel-title small,.inspector-head small{font-size:9px;color:var(--muted);letter-spacing:.06em}.panel-title button{padding:3px 9px;font-size:17px}.drop-zone{height:68px;border:1px dashed #4b5a6c;border-radius:6px;background:#0a0f15;display:grid;place-content:center;text-align:center;margin-bottom:10px;color:#c2ccd8}.drop-zone small{font-size:9px;color:var(--muted);margin-top:3px}.drop-zone.drag{border-color:var(--cyan);background:#10252a}.media-bin{display:grid;gap:7px}.empty-bin{padding:30px 12px;color:#707c8b;text-align:center;font-size:11px;line-height:1.5}.asset-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px;padding:7px;border:1px solid #2d3744;background:#0b1017;border-radius:6px}.asset-thumb{height:48px;background:linear-gradient(135deg,#172f50,#10151c);display:grid;place-items:center;border-radius:4px;color:var(--cyan);font-size:19px;overflow:hidden}.asset-thumb img{width:100%;height:100%;object-fit:cover}.asset-info{min-width:0;display:grid;gap:3px}.asset-info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.asset-info small{color:#7d8997;font-size:9px}.asset-actions{display:flex;gap:4px}.asset-actions button{font-size:9px;padding:3px 6px}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.library-grid button{min-height:80px;display:grid;place-items:center;gap:6px;padding:7px;font-size:10px}.library-grid button span{display:grid;place-items:center;width:100%;height:38px;background:#0a0e14;border-radius:3px}.lower-demo{border-bottom:7px solid #d69f2e}.center-demo{font-size:17px}.caption-demo{border-bottom:1px solid #fff}.callout-demo{transform:rotate(-4deg);color:#42dceb}.transition-library i,.effect-library i{width:100%;height:40px;border-radius:3px;background:linear-gradient(90deg,#2463a7 48%,#10151b 52%)}.transition-library button:nth-child(2) i{background:linear-gradient(90deg,#07101a,#3477bd,#07101a)}.transition-library button:nth-child(3) i{background:linear-gradient(90deg,#2b6ba8,#765f88,#b54a67)}.transition-library button:nth-child(4) i{background:linear-gradient(90deg,#2d6ba8,#000,#a34b61)}.transition-library button:nth-child(5) i{background:linear-gradient(135deg,#2c6eaa 45%,#10151b 46%)}.transition-library button:nth-child(6) i{background:radial-gradient(circle,#62b4f5,#11243a)}.effect-library i.clean{background:#738fab}.effect-library i.cinematic{background:linear-gradient(135deg,#17304b,#c18d49)}.effect-library i.warm{background:linear-gradient(135deg,#702e27,#e09a54)}.effect-library i.cool{background:linear-gradient(135deg,#163c68,#5ec3d8)}.effect-library i.vintage{background:linear-gradient(135deg,#594a2e,#b99e72)}.effect-library i.mono{background:linear-gradient(135deg,#111,#ddd)}.effect-library i.contrast{background:linear-gradient(135deg,#000 50%,#fff 51%)}.effect-library i.neon{background:linear-gradient(135deg,#8c1cc5,#0bf0e0)}.effect-library i.dream{background:linear-gradient(135deg,#f5b5e6,#8b9dea)}.effect-library i.noir{background:#151515}.effect-library i.sunset{background:linear-gradient(#6b2589,#f18842)}.effect-library i.arctic{background:linear-gradient(135deg,#e8fbff,#4da9d8)}
.monitor-column{min-width:0;min-height:0;display:grid;grid-template-rows:36px minmax(170px,1fr) 48px;background:#05070a}.monitor-head{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);color:#a6b1be;font-size:9px;letter-spacing:.08em}.monitor-head>div{display:flex;align-items:center;gap:9px}.monitor-head span#monitor-state{color:var(--green)}.monitor-head button{padding:3px 7px;font-size:9px}.preview-stage{position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,#192238,#070a10 64%)}#preview-canvas{max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 0 0 1px #222d3a,0 18px 45px #000b;background:#000}.empty-preview{position:absolute;max-width:520px;display:grid;place-items:center;gap:10px;text-align:center;color:#8c98a8}.empty-preview strong{font-size:21px;color:#fff}.empty-preview span{line-height:1.45}.capture-preview{max-width:100%;max-height:100%}.transport{display:flex;align-items:center;gap:6px;padding:7px 11px;border-top:1px solid var(--line);background:#111720}.transport button{padding:5px 8px}.transport .play{color:var(--gold);min-width:38px}.transport-spacer{flex:1}.transport>span{font-family:Consolas,monospace;font-size:11px;color:#c7d0da}.transport label{font-size:9px;color:var(--muted)}.transport select{background:#080c11;color:#fff;border:1px solid #3a4552;padding:4px}.transport input{width:75px;accent-color:var(--gold)}.inspector-head{height:42px;margin:0;padding:8px 12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#10151d;z-index:2}.inspector-head button{border:0;background:transparent;font-size:20px;padding:0}.empty-inspector{padding:42px 20px;text-align:center;color:#778392;line-height:1.55}#clip-inspector{padding:0 10px 18px}fieldset{border:0;border-bottom:1px solid #303a47;margin:0;padding:13px 2px}legend{color:var(--gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}fieldset label,.export-body label{display:grid;grid-template-columns:1fr auto;gap:4px;margin:10px 0;color:#abb6c3;font-size:10px;font-weight:700}fieldset input[type=text],fieldset input[type=number],fieldset textarea,fieldset select,.export-body input,.export-body select{grid-column:1/-1;width:100%;border:1px solid #354150;border-radius:4px;background:#090d13;color:#fff;padding:7px}fieldset input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--gold)}fieldset output{color:var(--cyan);font-family:Consolas,monospace}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle-row{display:flex!important;align-items:center!important;gap:13px!important}.toggle-row label{display:flex;align-items:center;gap:5px;margin:0}.toggle-row input{accent-color:var(--gold)}
.timeline-dock{min-height:0;background:#090d13;border-top:1px solid #5c4a26;display:grid;grid-template-rows:42px minmax(0,1fr)}.timeline-toolbar{display:flex;align-items:center;gap:16px;padding:6px 10px;border-bottom:1px solid var(--line);background:#111720}.edit-buttons,.timeline-options,.sequence-summary{display:flex;align-items:center;gap:5px}.edit-buttons button{font-size:10px;padding:5px 8px}.edit-buttons .active{border-color:var(--gold);color:var(--gold)}.sequence-summary{margin:auto}.sequence-summary b{font-size:10px;color:var(--gold)}.sequence-summary span{font-family:Consolas,monospace;font-size:9px;color:#8995a5}.timeline-options{font-size:9px;color:#9aa5b3}.timeline-options input{accent-color:var(--gold);max-width:90px}.timeline-options button{padding:3px 7px}.timeline-body{min-height:0;display:grid;grid-template-columns:94px minmax(0,1fr)}.track-labels{display:grid;grid-template-rows:24px repeat(5,43px);border-right:1px solid #37414f;background:#0d1219}.track-labels>div{border-bottom:1px solid #27303b;display:flex;align-items:center;padding:0 7px;gap:5px}.track-labels b{margin-right:auto;color:#d4dce6}.track-labels button{border:0;background:transparent;padding:2px;font-size:9px;color:#718090}.track-labels button.on{color:var(--red)}.ruler-label{font-size:8px;color:#697688;letter-spacing:.1em}.timeline-scroll{overflow:auto;position:relative;background:#070a0e}.timeline-content{position:relative;min-width:100%;width:1400px;min-height:239px}.timeline-ruler{height:24px;border-bottom:1px solid #35404d;background:repeating-linear-gradient(90deg,transparent 0,transparent 69px,#35404d 70px);position:relative}.ruler-tick{position:absolute;top:4px;color:#778494;font-size:8px;font-family:Consolas,monospace}.track-row{height:43px;position:relative;border-bottom:1px solid #252e39;background:repeating-linear-gradient(90deg,#0b1017 0,#0b1017 69px,#161d26 70px)}.track-row.audio{background:repeating-linear-gradient(90deg,#09130f 0,#09130f 69px,#122219 70px)}.track-row.title{background:repeating-linear-gradient(90deg,#130d18 0,#130d18 69px,#25172e 70px)}.track-row.locked:after{content:"LOCKED";position:absolute;inset:0;display:grid;place-items:center;color:#ffffff30;background:#0007;font-size:10px;z-index:5}.timeline-clip{position:absolute;top:4px;height:35px;border:1px solid #4b9df1;border-radius:4px;background:linear-gradient(180deg,#2468a7,#174873);min-width:12px;overflow:hidden;cursor:grab;color:#e8f5ff;user-select:none}.timeline-clip.audio{border-color:#39b57a;background:linear-gradient(180deg,#227b56,#17543c)}.timeline-clip.text{border-color:#c975ea;background:linear-gradient(180deg,#763f8e,#4c2a5c)}.timeline-clip.selected{outline:2px solid var(--gold);z-index:3}.timeline-clip.dragging{opacity:.65;cursor:grabbing}.timeline-clip span{display:block;padding:9px 7px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-clip .trim-handle{position:absolute;top:0;bottom:0;width:5px;background:#ffffff75;cursor:ew-resize;z-index:2}.timeline-clip .trim-handle.left{left:0}.timeline-clip .trim-handle.right{right:0}.timeline-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--gold);z-index:8;pointer-events:none}.timeline-playhead i{position:absolute;top:0;left:-5px;width:11px;height:9px;background:var(--gold);clip-path:polygon(0 0,100% 0,50% 100%)}
dialog{border:1px solid #556273;border-radius:9px;background:#111720;color:#fff;padding:0;width:min(560px,92vw);box-shadow:0 35px 90px #000}dialog::backdrop{background:#000b}.export-card header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.export-card header>div{display:grid}.export-card header small{color:var(--muted);font-size:9px}.export-card header button{border:0;background:transparent;font-size:20px}.export-body{padding:13px 18px}.render-progress{display:grid;gap:6px;margin-top:12px;color:var(--muted);font-size:10px}.render-progress progress{width:100%;accent-color:var(--gold)}.export-card footer{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:7px;padding:12px 18px;border-top:1px solid var(--line)}#toast{position:fixed;right:18px;bottom:18px;max-width:390px;padding:12px 15px;border:1px solid #425062;border-left:4px solid var(--cyan);border-radius:6px;background:#141c27;box-shadow:0 15px 45px #000b;transform:translateY(110px);opacity:0;transition:.22s;z-index:50}#toast.show{transform:none;opacity:1}#toast.error{border-left-color:var(--red)}
@media(max-width:1240px){.app-header{grid-template-columns:190px minmax(160px,1fr) auto}.history-controls{display:none}.header-actions{grid-column:3}.editing-area{grid-template-columns:255px minmax(380px,1fr) 255px}.app-shell{grid-template-rows:68px minmax(270px,1fr) 270px}}
@media(max-width:900px){html,body{overflow:auto}.app-shell{height:auto;min-height:100vh;display:block}.app-header{position:sticky;top:0;grid-template-columns:1fr auto;padding:6px;z-index:20}.brand{display:none}.header-actions{grid-column:1/-1;overflow-x:auto;justify-content:flex-start}.editing-area{display:grid;grid-template-columns:220px minmax(440px,1fr);min-height:560px;overflow:auto}.right-panel{display:none}.timeline-dock{height:270px;min-width:760px}}

/* Operational visibility and non-overlapping enterprise header. */
[hidden]{display:none!important}.empty-preview[hidden],#capture-preview[hidden]{display:none!important}
.app-shell{grid-template-rows:82px minmax(280px,1fr) 292px}
.app-header{grid-template-columns:200px minmax(180px,1fr) auto minmax(560px,auto);padding:7px 12px}
.header-actions{min-width:0;overflow-x:auto;overflow-y:hidden;padding:2px 0;scrollbar-width:thin}
.header-actions button,.header-actions a{flex:0 0 auto}
.creation-workspace{grid-row:2/4;min-height:0;overflow:hidden;background:#080c12;z-index:4}
body.creation-open .editing-area,body.creation-open .timeline-dock{display:none}
body.creation-open .creation-workspace{display:grid!important}
@media(max-width:1450px){.app-header{grid-template-columns:175px minmax(150px,1fr) auto minmax(470px,auto)}.brand img{width:44px;height:44px}.header-actions button,.header-actions a{font-size:10px;padding:6px 8px}}
@media(max-width:1100px){.app-shell{grid-template-rows:108px minmax(280px,1fr) 270px}.app-header{grid-template-columns:170px 1fr auto}.header-actions{grid-column:1/-1;justify-content:flex-start}.creation-workspace{grid-row:2/4}}
.monitor-manager-card{width:min(860px,94vw);border:1px solid #52667d;border-radius:10px;background:#101720;color:#fff;box-shadow:0 35px 100px #000}.monitor-manager-card header,.monitor-manager-card footer{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.monitor-manager-card footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:10px}.monitor-manager-card header>div{display:grid;gap:3px}.monitor-manager-card header b{font-size:17px}.monitor-manager-card header small{color:var(--muted)}.monitor-manager-card header button{border:0;background:transparent;font-size:21px}.monitor-manager-body{padding:18px}.monitor-overview{display:flex;gap:10px;flex-wrap:wrap}.monitor-overview span{padding:7px 10px;border:1px solid #34485e;border-radius:999px;background:#0b1119;color:#a9dff1;font-size:10px}.monitor-note{color:#a9b4c2;line-height:1.5;font-size:11px}.monitor-actions,.panel-launch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.panel-launch-grid{grid-template-columns:repeat(2,1fr);margin-top:13px}.panel-launch-grid button{min-height:72px;display:grid;text-align:left;align-content:center;gap:5px;padding:12px}.panel-launch-grid small{color:#8190a2;font-size:9px}.monitor-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:8px;margin-top:14px}.monitor-tile{padding:11px;border:1px solid #2e3c4b;border-radius:6px;background:#0a0f16;display:grid;gap:4px}.monitor-tile.current{border-color:var(--gold)}.monitor-tile b{font-size:11px}.monitor-tile small{font-size:9px;color:#8491a0}@media(max-width:760px){.monitor-actions,.panel-launch-grid{grid-template-columns:1fr 1fr}}