:root{color-scheme:dark;--bg:#06080d;--panel:#0d1119;--panel2:#111722;--line:#222b3a;--soft:#8e98aa;--text:#f4f6fa;--violet:#7657ff;--violet2:#9a85ff;--cyan:#1db7e8;--green:#38d487;--amber:#f1a33b;--danger:#ee586a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -20%,#17122e 0,transparent 36%),var(--bg);color:var(--text);font-size:13px;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app{min-height:100vh}.topbar{height:72px;padding:0 22px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#070a10eF;position:sticky;top:0;z-index:20}.brand{width:300px;display:flex;align-items:center;gap:12px;text-decoration:none;color:white}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#9b82ff,#5033e7 55%,#27167e);font-size:26px;font-weight:1000;font-style:italic;box-shadow:0 0 24px #7657ff66}.brand strong{display:block;font-size:19px;letter-spacing:.04em}.brand small{display:block;margin-top:2px;color:var(--soft);font-size:10px;text-transform:uppercase;letter-spacing:.16em}.mode-switcher{height:100%;display:flex;align-items:center;gap:6px;margin:auto}.mode-button{height:54px;min-width:130px;padding:6px 15px;border:1px solid transparent;border-radius:8px;background:transparent;display:grid;grid-template-columns:26px 1fr;text-align:left;font-weight:750;align-content:center}.mode-button span{grid-row:1/3;color:#596477;font-size:11px}.mode-button small{font-size:10px;color:var(--soft);font-weight:500}.mode-button.active{border-color:#6f57df;background:linear-gradient(180deg,#1b1735,#101426);box-shadow:inset 0 0 20px #7356ff1e,0 0 18px #6c52ee25}.mode-button.active span{color:var(--violet2)}.project-tools{width:410px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.project-name,.icon-button{border:0;background:transparent}.project-name{color:#d8dce5}.saved{display:flex;gap:7px;align-items:center;color:var(--soft);font-size:11px}.saved i{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 10px #38d487}.icon-button{font-size:20px;color:var(--soft)}.export-button,.primary{border:1px solid #7f68f4;background:linear-gradient(180deg,#7b5dff,#5134cf);border-radius:7px;padding:10px 16px;font-weight:750;box-shadow:0 7px 20px #523bd026}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#cf9d77,#433126);border:2px solid #dadde4;font-size:10px}.commandbar{height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#090d14}.tools{height:100%;display:flex;align-items:center;gap:3px}.tool{min-width:58px;height:48px;border:0;border-radius:6px;background:transparent;color:#a7b0bf;font-size:18px}.tool small{display:block;font-size:9px;margin-top:2px}.tool:hover,.tool.active{background:#171d29;color:white}.tool.active{box-shadow:inset 0 -2px var(--violet)}.divider{height:25px;width:1px;background:var(--line);margin:0 8px}.timeline-options{display:flex;align-items:center;gap:9px;color:var(--soft)}.timeline-options button{background:#111722;border:1px solid var(--line);border-radius:5px;padding:7px 10px}.timeline-options label{display:flex;align-items:center;gap:8px}.timeline-options input{display:none}.timeline-options label i{width:30px;height:17px;border-radius:9px;background:#363e4d;position:relative}.timeline-options label i:after{content:"";position:absolute;width:13px;height:13px;background:white;border-radius:50%;left:2px;top:2px;transition:.2s}.timeline-options input:checked+i{background:var(--violet)}.timeline-options input:checked+i:after{left:15px}.mode-page{display:none}.mode-page.active{display:block}.edit-grid{display:grid;grid-template-columns:260px minmax(700px,1fr) 280px;gap:9px;padding:10px 10px 0;height:548px}.panel{background:linear-gradient(180deg,#0f141d,#0b0f16);border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 35px #0004}.panel-heading,.section-title,.viewer-heading,.timeline-head{display:flex;justify-content:space-between;align-items:center}.panel-heading{padding:15px;border-bottom:1px solid var(--line)}.panel-heading span,.section-title span,.feature-heading span,.viewer-heading span,.bridge-title span{font-size:9px;letter-spacing:.15em;color:var(--violet2);font-weight:800}.panel-heading h2,.timeline-head h2{margin:3px 0 0;font-size:15px}.panel-heading button,.section-title button{border:1px solid var(--line);background:#141a24;border-radius:5px;padding:7px 9px;font-size:10px}.media-panel{display:flex;flex-direction:column;min-height:0}.search{margin:12px;display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:#080b11;padding:7px 9px;border-radius:5px}.search input{width:100%;border:0;background:transparent;outline:0}.media-tabs{padding:0 12px 9px;display:flex;gap:3px}.media-tabs button,.inspector-tabs button{border:0;background:transparent;color:var(--soft);padding:6px 8px;font-size:10px}.media-tabs button.active,.inspector-tabs button.active{color:white;border-bottom:2px solid var(--violet)}.media-grid{padding:0 10px;display:grid;grid-template-columns:1fr 1fr;gap:7px;overflow:auto}.media-card{position:relative;border:1px solid var(--line);background:#121824;border-radius:6px;overflow:hidden;text-align:left;padding:0}.media-card.selected{border-color:var(--violet);box-shadow:0 0 0 1px #7657ff55}.thumb,.mini-art{height:62px;background:radial-gradient(circle at 68% 35%,#d47c36 0 3%,transparent 4%),linear-gradient(150deg,#11192a 0 30%,#58331c 52%,#120d0a 54% 100%);position:relative}.thumb:after,.mini-art:after{content:"";position:absolute;left:23%;bottom:8%;width:22%;height:55%;border-radius:50% 50% 20% 20%;background:#05070a;box-shadow:45px 0 0 #19120e}.media-card:nth-child(2n) .thumb{background:radial-gradient(circle at 30% 30%,#3f5b6f,transparent 24%),linear-gradient(150deg,#0e1721,#171014 65%)}.media-card:nth-child(3n) .thumb{background:radial-gradient(circle at 50% 35%,#523187,transparent 25%),linear-gradient(145deg,#0f1725,#291323)}.media-card b,.media-card small{display:block;padding:5px 7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card b{font-size:9px}.media-card small{padding-top:1px;padding-bottom:6px;color:var(--soft);font-size:8px}.storage{margin-top:auto;padding:12px;border-top:1px solid var(--line);font-size:9px}.storage span,.storage b{display:block}.storage b{margin:4px 0 7px;color:var(--soft)}.storage i{display:block;height:3px;background:#242b38}.storage em{display:block;width:18%;height:100%;background:var(--violet)}.viewer-stack{display:flex;flex-direction:column;gap:9px;min-width:0}.viewers{display:grid;grid-template-columns:1fr 1fr;gap:9px;height:360px}.viewer{min-width:0;overflow:hidden}.viewer-heading{height:39px;padding:0 12px;border-bottom:1px solid var(--line)}.viewer-heading b{font-size:10px;color:#c9cdd5}.viewer-heading button{border:0;background:transparent}.image-frame{height:270px;position:relative;overflow:hidden;background:linear-gradient(180deg,#13151a 0 12%,#271710 70%,#08090c);box-shadow:inset 0 0 80px #000}.image-frame:before{content:"";position:absolute;left:0;right:0;top:16%;height:38%;background:repeating-linear-gradient(90deg,#13141b 0 36px,#27201a 37px 39px);opacity:.72}.frame-label{position:absolute;z-index:3;top:10px;left:10px;border:1px solid #3a4352;background:#070a10b8;padding:4px 6px;border-radius:3px;font-size:8px}.scene-art{position:absolute;inset:0}.scene-art i{position:absolute;left:38%;bottom:0;width:24%;height:70%;background:linear-gradient(90deg,#06080b,#17191e,#07080a);clip-path:polygon(30% 0,65% 0,78% 19%,88% 100%,6% 100%,16% 20%)}.scene-art b{position:absolute;right:8%;top:22%;color:#e78843;text-align:center;transform:rotate(-4deg);text-shadow:0 0 15px #e86d31;font-size:14px}.program-frame{background:radial-gradient(circle at 46% 20%,#99602c 0 2%,transparent 15%),linear-gradient(180deg,#10151a,#302015 62%,#080808)}.characters{position:absolute;inset:0}.characters i{position:absolute;left:22%;bottom:0;width:25%;height:68%;background:linear-gradient(110deg,#07090c,#191b20);clip-path:polygon(32% 0,61% 0,78% 22%,95% 100%,0 100%,16% 22%)}.characters i:nth-child(2){left:auto;right:20%;background:linear-gradient(90deg,#241a12,#5a4028);clip-path:polygon(25% 0,68% 5%,79% 23%,98% 100%,0 100%,15% 22%)}.characters div{position:absolute;left:35%;right:32%;bottom:9%;height:19%;background:#25170f;transform:perspective(100px) rotateX(55deg)}.safe-title{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:900;letter-spacing:.1em;text-shadow:0 2px 2px #000;white-space:nowrap}.transport{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:var(--soft)}.transport button{border:0;background:transparent;color:#d5d9e0}.transport time{font-variant-numeric:tabular-nums;font-size:10px}.storyboard{height:170px;overflow:hidden}.section-title{padding:10px 12px;border-bottom:1px solid var(--line)}.section-title b{display:block;font-size:10px;margin-top:3px}.storyboard-strip{padding:9px;display:flex;gap:8px;overflow:auto}.story-card{min-width:130px;border:1px solid var(--line);border-radius:5px;background:#111722;overflow:hidden;text-align:left}.story-card.active{border-color:var(--violet);box-shadow:0 0 0 1px #7657ff55}.story-card .thumb{height:72px}.story-card b{display:block;padding:5px 7px 0;font-size:9px}.story-card small{display:block;padding:2px 7px 6px;color:var(--soft);font-size:8px}.inspector{overflow:auto}.inspector-preview{margin:12px;position:relative;border-radius:6px;overflow:hidden}.inspector-preview .mini-art{height:100px}.inspector-preview span{position:absolute;bottom:5px;left:5px;background:#080a0ecc;padding:3px 5px;font-size:7px}.clip-identity{padding:0 12px}.clip-identity h3{font-size:12px;margin:0}.clip-identity p{font-size:9px;color:var(--soft)}.inspector-tabs{display:flex;border-block:1px solid var(--line);padding:0 8px}.control-group{padding:12px;border-bottom:1px solid var(--line)}.control-group h4{margin:0 0 10px;font-size:10px;text-transform:uppercase;color:#b8c0cc}.control-group label,.export-settings label,.scopes label{display:flex;align-items:center;justify-content:space-between;color:var(--soft);font-size:9px;margin:9px 0}.control-group input{width:84px;background:#0a0d13;border:1px solid var(--line);border-radius:3px}.control-group label span{display:flex;gap:3px}.control-group label span input{width:38px}.ai-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ai-actions h4{grid-column:1/-1}.ai-actions button{border:1px solid var(--line);background:#151b26;border-radius:5px;padding:9px 5px;font-size:8px}.metadata{padding:12px}.metadata span,.metadata b{display:block;font-size:8px}.metadata b{margin:4px 0 8px}.metadata button{width:100%;border:1px solid var(--line);background:#121722;border-radius:4px;padding:6px;font-size:9px}.timeline{margin:9px 10px 12px;height:330px;overflow:hidden}.timeline-head{height:48px;padding:0 14px;border-bottom:1px solid var(--line)}.timeline-head h2{display:inline;margin-right:8px}.timeline-head span{font-size:9px;color:var(--soft)}.timeline-zoom{display:flex;align-items:center}.timeline-zoom button{border:0;background:transparent}.timeline-zoom input{width:100px}.timeline-body{display:grid;grid-template-columns:135px 1fr;height:282px}.track-heads{border-right:1px solid var(--line);background:#0b0f16}.ruler-spacer{height:34px}.track-heads>div:not(.ruler-spacer){height:59px;border-top:1px solid #1a2230;padding:11px;display:grid;grid-template-columns:28px 1fr 30px}.track-heads span{font-size:9px;color:var(--soft)}.track-heads small{color:#687487}.tracks{position:relative;overflow:auto;background:#080b10}.ruler{height:34px;display:flex;justify-content:space-between;padding:10px 12px 0;color:#778293;font-size:8px;border-bottom:1px solid #222a36;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#27303d calc(10% - 1px) 10%)}.track{height:59px;border-bottom:1px solid #1b2230;position:relative}.video-track,.audio-track{display:flex;padding:5px 0;gap:2px}.video-clip{height:49px;min-width:90px;border:1px solid #167bb0;border-radius:3px;background:linear-gradient(90deg,#18384a,#1b1522);position:relative;overflow:hidden;flex-basis:var(--basis)}.video-clip:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 25px,#cf7f3b28 25px 48px);opacity:.8}.video-clip b{position:absolute;bottom:3px;left:5px;font-size:8px;text-shadow:0 1px 2px #000}.video-clip.selected{border-color:#9a6cff;box-shadow:inset 0 0 0 1px #b59dff,0 0 10px #7657ff33}.gap{min-width:42px;height:49px;border:1px dashed #7051d0;border-radius:3px;background:repeating-linear-gradient(135deg,#251c44,#251c44 5px,#12101e 5px,#12101e 10px);display:grid;place-items:center;color:#bdaeff;font-size:8px}.title-clip{position:absolute;left:var(--left);width:var(--width);top:8px;height:40px;border:1px solid #6749dd;background:#2b1c58;border-radius:4px;padding:11px;text-align:center;font-size:8px}.audio-clip{height:45px;position:relative;border:1px solid #157c62;background:#0c332b;border-radius:3px;flex-basis:var(--basis);overflow:hidden}.audio-clip span{position:absolute;inset:5px;background:repeating-linear-gradient(90deg,#20ad7a 0 2px,transparent 2px 5px);clip-path:polygon(0 45%,8% 20%,15% 70%,22% 28%,30% 80%,38% 14%,46% 65%,55% 30%,63% 75%,71% 22%,82% 62%,91% 35%,100% 55%,100% 65%,0 65%);opacity:.75}.audio-clip b{position:absolute;left:6px;top:3px;font-size:7px}.audio-clip.full{flex:1;border-color:#244f8d;background:#122c4a}.playhead{position:absolute;z-index:10;left:41%;top:25px;bottom:0;width:1px;background:#865fff;pointer-events:none}.playhead i{position:absolute;top:0;left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #865fff}.feature-page{padding:34px 4vw 60px;max-width:1600px;margin:auto}.feature-heading{margin-bottom:26px}.feature-heading h1{margin:7px 0;font-size:32px;letter-spacing:-.03em}.feature-heading p{color:var(--soft);margin:0}.generate-layout{display:grid;grid-template-columns:300px 1fr 240px;gap:12px;min-height:650px}.prompt-card{padding:18px}.prompt-card label{display:block;color:var(--violet2);font-size:9px;font-weight:800;letter-spacing:.1em;margin-bottom:16px}.prompt-card textarea{display:block;width:100%;height:150px;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#080b11;resize:vertical;line-height:1.5}.prompt-card select{display:block;width:100%;margin-top:8px;background:#0a0e15;border:1px solid var(--line);padding:9px;border-radius:5px}.prompt-card input{display:block;width:100%;margin-top:10px}.prompt-actions{display:flex;gap:6px;margin:-7px 0 18px}.prompt-actions button{flex:1;border:1px solid var(--line);background:#141a24;border-radius:5px;padding:8px;font-size:9px}.wide{width:100%}.generation-stage{padding:0 15px}.generated-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0}.generated-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#111722}.generated-card.selected{border-color:var(--violet)}.generated-card .thumb{height:145px}.generated-card b,.generated-card span{display:block;padding:7px 9px}.generated-card span{padding-top:0;color:var(--soft);font-size:9px}.generation-status{margin-top:10px;border-top:1px solid var(--line);padding:18px 0;display:flex;align-items:center;gap:10px}.generation-status i{width:8px;height:8px;border-radius:50%;background:var(--green)}.generation-status button{margin-left:auto}.ai-toolbox{padding:15px}.ai-toolbox h2{font-size:14px}.ai-toolbox>button{width:100%;display:block;text-align:left;border:1px solid var(--line);background:#131923;border-radius:6px;padding:12px;margin:7px 0;font-weight:650}.ai-toolbox button span{display:block;color:var(--soft);font-size:8px;margin-top:3px;font-weight:400}.color-layout{display:grid;grid-template-columns:270px 1fr 280px;gap:12px;min-height:650px}.look-list{padding:10px}.look-item{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid transparent;border-radius:6px}.look-item.active{border-color:var(--violet);background:#17152b}.look-item .mini-art{width:75px;height:48px;border-radius:4px}.look-item b{font-size:10px}.look-item span{display:block;color:var(--soft);font-size:8px}.color-stage{padding:15px}.compare{height:410px;position:relative;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 45% 15%,#ad7136,transparent 22%),linear-gradient(180deg,#0e151c,#352218 70%,#08090a);border-radius:7px}.compare>span{position:absolute;top:12px;z-index:2;background:#05080dcc;padding:5px 8px}.compare>span:first-child{left:12px}.compare>span:nth-of-type(2){right:12px}.compare-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#8e6cff;z-index:3}.color-controls{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:16px}.color-controls h3,.scopes h3{font-size:10px;text-transform:uppercase}.wheels{display:flex;gap:12px}.wheels i{width:58px;height:58px;border-radius:50%;background:conic-gradient(#f55,#fd5,#4e8,#47f,#b4f,#f55);padding:4px}.wheels i:after{content:"";display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#c5c5c5,#151820 65%)}.color-controls label{display:flex;justify-content:space-between;color:var(--soft);font-size:9px;margin:8px 0}.scopes{padding:14px}.scope-graph{height:220px;background:linear-gradient(0deg,transparent,#080a10),repeating-linear-gradient(0deg,#222a37 0 1px,transparent 1px 35px),repeating-linear-gradient(90deg,#222a37 0 1px,transparent 1px 45px);position:relative}.scope-graph:after{content:"";position:absolute;inset:25px 4px;background:linear-gradient(135deg,transparent 0 15%,#aeb8c5 16% 17%,transparent 18% 22%,#ef5350 23% 24%,transparent 25% 38%,#5ed66c 39% 40%,transparent 41% 55%,#4e8fff 56% 57%,transparent 58%);filter:blur(1px)}.look-reference{height:110px;border-radius:6px}.toggle-row{padding-top:12px;border-top:1px solid var(--line)}.deliver-layout{display:grid;grid-template-columns:260px 1fr 280px;gap:12px;min-height:620px}.presets #preset-list{padding:10px}.preset{width:100%;display:flex;gap:11px;text-align:left;border:1px solid transparent;background:transparent;border-radius:6px;padding:11px}.preset.active{border-color:var(--violet);background:#17152b}.preset i{width:30px;height:30px;display:grid;place-items:center;border-radius:5px;background:#2b2159;color:#bcaeff;font-style:normal}.preset b,.preset span{display:block}.preset span{color:var(--soft);font-size:8px;margin-top:2px}.render-queue{padding:0 15px}.render-row{display:grid;grid-template-columns:52px 1fr 110px 85px;gap:10px;align-items:center;padding:14px 5px;border-bottom:1px solid var(--line)}.render-row .mini-art{height:40px;border-radius:4px}.render-row b,.render-row span{display:block}.render-row span{font-size:8px;color:var(--soft);margin-top:3px}.progress{height:4px;background:#242b36;border-radius:3px}.progress i{display:block;height:100%;width:var(--progress);background:linear-gradient(90deg,var(--violet),#9f8cff);border-radius:3px}.status-pill{font-size:8px;padding:5px 7px;border:1px solid var(--line);border-radius:4px;text-align:center}.export-settings{padding:0 15px}.export-settings .panel-heading{margin:0 -15px 18px}.export-settings select{width:145px;background:#090d13;border:1px solid var(--line);border-radius:5px;padding:8px}.export-settings input{width:145px}.readiness{display:flex;align-items:center;gap:12px;margin-top:22px;padding:14px;border:1px solid #245842;background:#0c251d;border-radius:7px}.readiness i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#185f42;color:#5df0a3;font-style:normal;font-size:18px}.readiness b,.readiness span{display:block}.readiness span{font-size:8px;color:#7eb89f}.bridge-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center}.bridge-modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:#010206cc;backdrop-filter:blur(8px)}.bridge-dialog{position:relative;width:min(1050px,94vw);padding:20px;box-shadow:0 30px 100px #000}.bridge-title{display:flex;justify-content:space-between}.bridge-title h2{margin:4px 0;font-size:25px}.bridge-title p{margin:0;color:var(--soft)}.bridge-title>button{border:0;background:transparent;font-size:26px;color:var(--soft)}.gap-overview{display:grid;grid-template-columns:1fr 190px 1fr;gap:10px;margin:22px 0}.boundary,.gap-card{border:1px solid var(--line);background:#090d13;border-radius:7px;padding:10px}.boundary span,.gap-card span{display:block;color:var(--violet2);font-size:8px;font-weight:800}.boundary .mini-art{height:110px;margin:8px 0}.boundary b{font-size:9px}.gap-card{display:grid;place-items:center;align-content:center;border:1px dashed var(--violet);background:#171329}.gap-card strong{font-size:32px;margin:8px}.gap-card small{color:var(--soft)}.bridge-config{padding:16px;border:1px solid var(--line);border-radius:7px}.bridge-config>label{display:block;color:var(--soft);font-size:9px}.bridge-config textarea{display:block;width:100%;height:75px;margin-top:7px;padding:10px;border:1px solid var(--line);border-radius:5px;background:#080b10}.config-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:12px}.config-row label{color:var(--soft);font-size:9px}.config-row select{display:block;width:100%;margin-top:5px;padding:8px;background:#080b10;border:1px solid var(--line);border-radius:5px}.chips{display:flex;gap:6px;margin-top:14px}.chips button{border:1px solid var(--line);background:#111722;border-radius:14px;padding:6px 10px;font-size:8px}.chips button.active{border-color:var(--violet);color:#c8bcff}.bridge-dialog footer{display:flex;align-items:center;gap:9px;margin-top:15px}.bridge-dialog footer>div{display:flex;align-items:center;gap:8px;margin-right:auto;color:var(--soft)}.bridge-dialog footer i{width:8px;height:8px;border-radius:50%;background:var(--green)}.bridge-dialog footer>button{border:1px solid var(--line);background:#121722;border-radius:6px;padding:9px 14px}.bridge-dialog footer>button.primary{background:linear-gradient(180deg,#7b5dff,#5134cf)}.toast{position:fixed;right:20px;bottom:20px;z-index:80;padding:12px 16px;border:1px solid #483d7d;border-radius:7px;background:#171329;box-shadow:0 14px 40px #0008}.pulse{animation:pulse 1.2s infinite}.rendering .progress i{animation:render 2.2s forwards}@keyframes pulse{50%{opacity:.35}}@keyframes render{to{width:100%}}@media(max-width:1200px){.project-name,.saved{display:none}.brand{width:220px}.project-tools{width:160px}.edit-grid{grid-template-columns:220px minmax(650px,1fr)}.inspector{display:none}.generate-layout,.color-layout,.deliver-layout{grid-template-columns:250px 1fr}.ai-toolbox,.scopes,.export-settings{grid-column:1/-1}.topbar{overflow:auto}.mode-button{min-width:110px}}@media(max-width:800px){.topbar{height:auto;padding:10px;flex-wrap:wrap}.brand{width:50%}.project-tools{width:50%}.mode-switcher{order:3;width:100%;overflow:auto}.commandbar{overflow:auto}.edit-grid{display:block;height:auto}.media-panel,.storyboard{display:none}.viewers{grid-template-columns:1fr;height:auto}.viewer{height:360px}.timeline{height:330px}.generate-layout,.color-layout,.deliver-layout{display:block}.generate-layout>* ,.color-layout>*,.deliver-layout>*{margin-bottom:12px}.gap-overview{grid-template-columns:1fr}.config-row{grid-template-columns:1fr}}
/* Timeline metadata: custom clip colors and section-marker controls */
.clip-timeline-metadata{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;margin:9px 0 2px}
.clip-timeline-metadata label,.clip-timeline-metadata button{min-height:32px;border:1px solid #283348;border-radius:7px;background:#0b111b;color:#cbd3e2}
.clip-timeline-metadata label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;font-size:10px}
.clip-timeline-metadata input[type="color"]{width:34px;height:22px;padding:1px;border:0;border-radius:5px;background:transparent}
.clip-timeline-metadata button{padding:6px 9px;font-size:10px;white-space:nowrap}
.clip-timeline-metadata button:hover:not(:disabled){border-color:#6f57df;background:#17152b;color:#fff}
.clip-timeline-metadata :disabled{opacity:.42;cursor:not-allowed}
.video-clip.custom-clip-color,.audio-clip.custom-clip-color,.title-clip.custom-clip-color{border-color:var(--clip-color)!important;box-shadow:inset 0 3px 0 var(--clip-color),0 0 0 1px color-mix(in srgb,var(--clip-color) 34%,transparent)}
.video-clip.custom-clip-color::after,.audio-clip.custom-clip-color::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--clip-color) 18%,transparent),transparent 48%);z-index:0}
.video-clip.custom-clip-color>b,.video-clip.custom-clip-color>small,.audio-clip.custom-clip-color>b,.audio-clip.custom-clip-color>small{position:relative;z-index:2}
.title-clip.custom-clip-color{z-index:2}
.offscreen-color-picker{position:fixed!important;left:-100px!important;top:-100px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:1180px){.clip-timeline-metadata{grid-template-columns:1fr 1fr}.clip-timeline-metadata label{grid-column:1/-1}}