:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9eef4;background:#0d1116;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 20% -10%,#233242 0,#121922 36%,#0b1015)}button,input,select{font:inherit}button,select,input[type=text],input[type=number],input:not([type]){color:#eef3f7}button{border:1px solid #425060;background:linear-gradient(180deg,#212933,#171d25);border-radius:11px;padding:10px 14px;cursor:pointer;transition:.16s ease}button:hover:not(:disabled){border-color:#6f8799;background:linear-gradient(180deg,#293441,#1d2530);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{border-color:#3b6d75;background:linear-gradient(180deg,#184e56,#123b42);color:#e7fdff;box-shadow:inset 0 0 0 1px #73ebf50a}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#1d5d67,#16474f)}select,input[type=text],input[type=number],input:not([type]){width:100%;border:1px solid #4a5a68;background:#1f2730;border-radius:12px;min-height:45px;padding:0 12px;outline:none}select:focus,input:focus{border-color:#54d7e5;box-shadow:0 0 0 2px #54d7e51f}input[type=range]{width:100%;accent-color:#79e0ea}input[type=color]{width:100%;height:44px;border:1px solid #363e48;border-radius:12px;background:#1a1f26;padding:5px}a{color:#76dbe5}.appShell{min-height:100vh}.topbar{max-width:1720px;margin:0 auto;padding:26px 28px 18px;display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.brandBlock{max-width:820px}.topbar h1{margin:0 0 9px;font-size:clamp(22px,2.1vw,34px);font-weight:660;letter-spacing:-.02em}.topbar p{margin:0;color:#8d99a8;line-height:1.6;font-size:13px}.topActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.workspace{max-width:1720px;margin:0 auto;padding:16px 28px 18px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.previewPanel{min-width:0;border:1px solid #32404d;border-radius:18px;background:#141a21db;overflow:hidden;box-shadow:0 18px 70px #00000038}.canvasWrap{position:relative;height:min(68vh,860px);min-height:520px;background:#11161b}.canvasWrap canvas{width:100%;height:100%;display:block}.emptyState{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;pointer-events:none}.emptyState .filmIcon{font-size:34px;color:#7ad9e1;opacity:.86}.emptyState strong{font-size:20px;font-weight:580}.emptyState span{color:#778493;font-size:13px}.emptyState button{margin-top:8px;pointer-events:auto}.transport{display:grid;grid-template-columns:42px 42px minmax(122px,142px) 56px minmax(100px,1fr) 56px minmax(165px,205px);gap:9px;align-items:center;padding:11px 15px;border-top:1px solid #28303a;background:#12171d}.transportButton{padding:8px;min-height:36px}.transportQuality{display:flex;align-items:center;gap:6px;min-width:0;padding:4px 6px;border:1px solid #31404d;border-radius:10px;background:linear-gradient(180deg,#172029,#11171d)}.transportQuality>span{flex:0 0 auto;font-size:9px;color:#91a9b6;text-transform:uppercase;letter-spacing:.04em}.transportQuality select{min-height:30px;height:30px;padding:0 6px;border-radius:8px;font-size:10px;min-width:0;background:#18222b}.transportVolume{display:flex;align-items:center;gap:7px;min-width:0;padding:4px 7px;border:1px solid #31404d;border-radius:10px;background:linear-gradient(180deg,#172029,#11171d);box-shadow:inset 0 1px #ffffff09,0 4px 12px #00000029}.transportVolume .volumeButton{min-height:30px;width:34px;flex:0 0 34px;padding:3px;font-size:15px;border-radius:8px}.transportVolume span{width:34px;flex:0 0 34px;font-size:10px;color:#9fdbea;font-variant-numeric:tabular-nums;text-align:right}.volumeSlider{width:100%;min-width:58px}.timecode{color:#9da8b5;font-size:12px;font-variant-numeric:tabular-nums;text-align:center}.timeline{width:100%}.fileInfo{display:flex;justify-content:space-between;gap:16px;padding:16px;border-top:1px solid #252d36}.fileInfo>div:first-child{display:grid;gap:5px}.fileInfo strong{font-size:12px;color:#b8eaf0}.fileInfo span{color:#6f7b89;font-size:11px}.chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.chips span{border:1px solid #303944;background:#171d23;border-radius:999px;padding:5px 8px;color:#91a1af}.errorBox,.downloadBox{margin:0 16px 16px;border-radius:11px;padding:11px 13px;font-size:12px;line-height:1.45}.errorBox{background:#942c302e;border:1px solid rgba(227,89,93,.36);color:#ffb8bb}.downloadBox{background:#24797029;border:1px solid rgba(88,211,194,.28);color:#b7eee7}.settingsPanel{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;border:1px solid #41505d;border-radius:16px;background:linear-gradient(180deg,#1b222afa,#13181ef7);padding:12px;scrollbar-width:thin;scrollbar-color:#546575 transparent}.settingsTitle{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 3px 9px}.settingsTitle strong{font-size:15px}.textButton,.textLink{border:0;padding:4px 6px;background:transparent;color:#7ee4ec;font-size:11px}.textButton:hover:not(:disabled),.textLink:hover:not(:disabled){background:transparent;transform:none;color:#b4f6fb}.modeSwitch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:1px solid #344250;border-radius:12px;background:#131920;margin-bottom:8px}.modeSwitch button{border:0;padding:8px 5px;background:transparent;color:#788695;font-size:11px}.modeSwitch button.active{background:linear-gradient(180deg,#274551,#1d3640);color:#dffcff}.quickPresets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0 13px}.quickPresets button{padding:10px 8px;font-size:11px;min-height:52px;text-align:left;background:linear-gradient(180deg,#1e2730,#152028);border-color:#3c4b58}.styleCards{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0 10px}.styleCard{display:grid;gap:4px;text-align:left;padding:10px 12px;border-radius:14px;border:1px solid #465768;background:linear-gradient(180deg,#212c37,#161e27)}.styleCard strong{font-size:12px;color:#eff8ff}.styleCard span{font-size:10px;color:#9fb0c0}.styleCard.active{border-color:#7de2ec;box-shadow:0 0 0 1px #7de2ec2e inset,0 6px 24px #0000002e;background:linear-gradient(180deg,#25404c,#1a2d36)}.field{display:grid;gap:7px;margin:12px 0;color:#a9b4c1;font-size:11px}.field>span{color:#98a8b8}.field small{color:#606f7f;line-height:1.4}.hint{color:#657383;font-size:10.5px;line-height:1.55;margin:8px 2px 11px}.checkRow{display:flex;gap:9px;align-items:flex-start;color:#b7c0ca;font-size:11px;line-height:1.35;margin:9px 2px}.checkRow input{width:15px;height:15px;margin:1px 0 0;accent-color:#76dde7}.checkRow.disabled{opacity:.55}.accordion{overflow:hidden;border:1px solid #334250;border-radius:14px;margin:10px 0;background:linear-gradient(180deg,#151b22,#11161c);box-shadow:inset 0 1px #ffffff06,0 10px 26px #00000024}.accordionHead{width:100%;border:0;border-radius:0;text-align:left;background:linear-gradient(180deg,#ffffff09,#ffffff03);padding:13px 12px;font-weight:700;font-size:12px;display:flex;justify-content:space-between;align-items:center;letter-spacing:.01em}.accordionHead:hover:not(:disabled){transform:none;filter:brightness(1.05)}.accordionHead em{font-style:normal;font-weight:660;color:#dffbff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:3px 8px;font-size:9px;background:#ffffff0f;box-shadow:inset 0 1px #ffffff0f}.accordionBody{padding:0 12px 10px;border-top:1px solid #242c35}.accordion.tone-audio{border-color:#30596a;background:linear-gradient(180deg,#142028,#10171d)}.accordion.tone-audio .accordionHead{background:linear-gradient(180deg,#4cd5e92e,#4cd5e90f)}.accordion.tone-camera{border-color:#466070;background:linear-gradient(180deg,#1a2027,#12161b)}.accordion.tone-camera .accordionHead{background:linear-gradient(180deg,#8fbaff29,#8fbaff0d)}.accordion.tone-scene{border-color:#6d5235;background:linear-gradient(180deg,#241b14,#17120f)}.accordion.tone-scene .accordionHead{background:linear-gradient(180deg,#eabc6c2e,#eabc6c0d)}.accordion.tone-effects{border-color:#5c426d;background:linear-gradient(180deg,#211624,#151118)}.accordion.tone-effects .accordionHead{background:linear-gradient(180deg,#d488ff2e,#d488ff0d)}.accordion.tone-motion{border-color:#3d6758;background:linear-gradient(180deg,#14201b,#101612)}.accordion.tone-motion .accordionHead{background:linear-gradient(180deg,#6becbe2e,#6becbe0d)}.accordion.tone-info{border-color:#6c4453;background:linear-gradient(180deg,#22161b,#171015)}.accordion.tone-info .accordionHead{background:linear-gradient(180deg,#ff8fb42e,#ff8fb40d)}.subCard{border:1px solid #2b343e;border-radius:12px;background:#131920;padding:10px;margin:11px 0}.subCardTitle{display:flex;justify-content:space-between;align-items:center;gap:10px}.subCardTitle strong{font-size:11px}.subCardTitle span{color:#607080;font-size:9px}.inlineActions{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 7px}.inlineActions button{padding:8px 9px;font-size:10px}.loadedAsset{display:flex;gap:8px;padding:9px;border-radius:10px;background:#0d171b;border:1px solid #24434a;margin:8px 0}.loadedAsset i{color:#69e3b8;font-style:normal}.loadedAsset div{min-width:0;display:grid;gap:3px}.loadedAsset strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loadedAsset span{color:#6c7d8a;font-size:9px}.dangerGhost{width:100%;color:#e79a9f;background:transparent;border-color:#4f3034;font-size:10px}.exportSection{margin-top:13px;padding-top:13px;border-top:1px solid #2a323d}.sectionLabel{display:block;color:#727e8c;font-weight:650;font-size:11px;margin-bottom:8px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:7px}.segmented button{padding:9px;font-size:10px}.segmented button.active{border-color:#4d7c84;color:#dcfbff;background:#173036}.clipGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preflight{display:grid;gap:4px;border:1px solid;border-radius:11px;padding:9px 10px;margin:10px 0;font-size:9.5px;line-height:1.4}.preflight strong{font-size:10px}.preflight.ok{border-color:#2e5c50;background:#2475581a;color:#9de1c7}.preflight.warn{border-color:#665526;background:#87691f1a;color:#e7d49d}.exportButton{width:100%;margin-top:2px;background:linear-gradient(180deg,#17535c,#123b42);border-color:#2d7880;color:#e3fdff;font-weight:720}.exportOverlay{position:absolute;inset:0;display:grid;place-items:center;background:#05080cad;backdrop-filter:blur(7px);z-index:5}.exportCard{width:min(420px,80%);background:#10151bf5;border:1px solid #3a4654;border-radius:16px;padding:20px;display:grid;gap:10px;box-shadow:0 18px 70px #00000080}.exportCard strong{font-size:15px}.exportCard span{font-size:28px;font-variant-numeric:tabular-nums}.exportCard small{color:#83909e;line-height:1.45}.progress{height:8px;border-radius:99px;background:#252e38;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#5ddce8,#9ef4dd);transition:width .12s linear}.modalBackdrop{position:fixed;inset:0;background:#030508cc;backdrop-filter:blur(10px);z-index:50;display:grid;place-items:center;padding:24px}.helpModal{width:min(850px,96vw);max-height:90vh;overflow:auto;border:1px solid #3a4652;background:#121820;border-radius:18px;padding:20px;box-shadow:0 30px 100px #0009}.modalHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #26313b;padding-bottom:14px}.modalHead>div{display:grid;gap:4px}.modalHead strong{font-size:20px}.modalHead span{color:#778797;font-size:12px}.modalHead button{padding:7px 10px}.guideSteps{display:grid;gap:11px;margin:16px 0}.guideSteps article{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:flex-start;padding:12px;border:1px solid #2b3540;background:#0f141a;border-radius:12px}.guideSteps b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#163b42;color:#8cecf4}.guideSteps strong{font-size:12px}.guideSteps p{margin:5px 0 0;color:#81909f;font-size:11px;line-height:1.55}.helpNote{padding:12px;border-radius:12px;background:#172129;border:1px solid #2c3c48;color:#aebbc7;font-size:11px;line-height:1.55}.helpNote code{color:#8beaf3}.helpGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.helpGrid>div{display:grid;gap:4px;padding:11px;border:1px solid #29333e;border-radius:11px}.helpGrid strong{font-size:11px}.helpGrid span{color:#748392;font-size:10px;line-height:1.45}.modalClose{width:100%}footer{display:flex;justify-content:space-between;gap:16px;padding:4px 28px 24px;color:#566271;font-size:10px;max-width:1720px;margin:0 auto}@media (max-width: 1050px){.topbar{flex-direction:column}.topActions{justify-content:flex-start}.workspace{grid-template-columns:1fr}.settingsPanel{position:static;max-height:none}.canvasWrap{min-height:440px;height:58vh}}@media (max-width: 920px){.transport{grid-template-columns:38px 38px minmax(116px,132px) 50px minmax(80px,1fr) 50px}.transportVolume{grid-column:1 / -1;min-height:34px}}@media (max-width: 640px){.topbar{padding:18px 14px}.workspace{padding:10px 14px}.fileInfo{flex-direction:column}.chips{justify-content:flex-start}.transport{grid-template-columns:38px 38px minmax(110px,1fr) 46px 1fr 46px;gap:5px;padding:9px}.transportQuality>span{display:none}.transportVolume{grid-column:1 / -1}.canvasWrap{min-height:350px}.helpGrid{grid-template-columns:1fr}}.styleCard{position:relative;overflow:hidden;padding-left:48px;min-height:58px}.styleCard:before{content:"";position:absolute;left:10px;top:10px;width:28px;height:38px;border-radius:9px;box-shadow:inset 0 0 0 1px #ffffff29,0 3px 12px #00000040}.styleCard:nth-child(1):before{background:linear-gradient(145deg,#dfbd82,#80572e 58%,#2a1b10)}.styleCard:nth-child(2):before{background:radial-gradient(circle at 45% 38%,#f1ddad,#c49b61 65%,#704921)}.styleCard:nth-child(3):before{background:radial-gradient(circle at 48% 38%,#2ba7d0,#0e2940 55%,#02060b)}.styleCard:nth-child(4):before{background:linear-gradient(145deg,#4b99a9,#174150 56%,#07141d)}.styleCard:nth-child(5):before{background:linear-gradient(145deg,#e6a267,#7a3f2e 55%,#21121a)}.styleCard:nth-child(6):before{background:linear-gradient(145deg,#f0e3c4,#d8bf8c 65%,#98734a)}.helperText{margin-top:8px;color:#9bb5cf;font-size:13px;line-height:1.45}.helperText strong{color:#dfeeff}.secondary{background:#151f2a;color:#dbe7f5;border:1px solid #3a4654}.secondary:hover:not(:disabled){background:#1a2530}.danger{color:#ffd7d9;border-color:#7a3b45;background:#341c22}.danger:hover:not(:disabled){background:#43232b}.wide{width:100%;margin-top:10px}.exportCard .danger{margin-top:6px;width:100%}.helperText strong{color:#fff5cc}.canvasWrap.frame-vertical{width:min(100%,540px);height:auto;min-height:0;aspect-ratio:9 / 16;margin:0 auto;background:#2a1b10;box-shadow:0 0 0 1px #ffffff09,0 18px 60px #00000052}.canvasWrap.frame-portrait45{width:min(100%,700px);height:auto;min-height:0;aspect-ratio:4 / 5;margin:0 auto}.canvasWrap.frame-square{width:min(100%,760px);height:auto;min-height:0;aspect-ratio:1 / 1;margin:0 auto}@media (max-width: 760px){.canvasWrap.frame-vertical{width:100%}}.backgroundLockCard{border-color:#35666d;background:linear-gradient(180deg,#37919c21,#131920fa);box-shadow:inset 0 1px #a2f4fa0d,0 10px 26px #00000021}.backgroundLockCard .subCardTitle strong{color:#bdf7f2}.backgroundLockCard .subCardTitle span{color:#7fc7c9}.exportSettingsLock{border:0;padding:0;margin:0;min-width:0}.exportSettingsLock:disabled{opacity:.72}:root{color:#eaf1ff;background:#080d18}body{background:radial-gradient(ellipse at 15% 0%,#172840 0,transparent 46%),radial-gradient(ellipse at 90% 25%,#191b36 0,transparent 50%),#080d18}[hidden]{display:none!important}button{border-color:#34415a;background:#182236;border-radius:10px}button:hover:not(:disabled){background:#23324a;border-color:#718fb8}button.primary,.exportButton{background:linear-gradient(135deg,#307f8b,#2965a7);border-color:#60bfc8}button:focus-visible,a:focus-visible{outline:2px solid #97e9f4;outline-offset:3px}input[type=range]{accent-color:#79d5e4;min-height:26px}select,input[type=text],input[type=number],input:not([type]){background:#101b2c;border-color:#384862;font-size:12px}.topbar{max-width:1920px;padding:20px 24px;align-items:center;border-bottom:1px solid #2a3548}.brandBlock{display:flex;align-items:center;gap:13px}.brandMark{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;background:linear-gradient(140deg,#265578,#23304e);border:1px solid #7396b5;border-radius:15px;box-shadow:0 0 26px #3c9cad22;color:#9be8f3}.brandMark svg{width:29px}.brandEyebrow{color:#91afc9;font-size:9px;letter-spacing:.15em;font-weight:650}.topbar h1{font-size:22px;line-height:1.2;margin:3px 0 4px;font-weight:700}.topbar h1 span{color:#97dbe6;font-weight:500}.topbar p{font-size:11px;color:#a2b1c6}.topActions{align-items:center;gap:8px}.topActions button{font-size:12px;min-height:40px}.headerExport{display:flex;align-items:center;gap:8px;color:#bcecf0;border-color:#476c87}.headerExport svg{width:18px}.workspace{max-width:1920px;grid-template-columns:92px minmax(0,1fr) 360px;gap:16px;padding:20px 24px}.studioNav{position:sticky;top:18px;border:1px solid #2e3c52;background:#111a2bcc;border-radius:17px;padding:15px 7px;display:flex;flex-direction:column;gap:8px}.navCaption{font-size:9px;letter-spacing:.18em;text-align:center;color:#8297b2;margin-bottom:4px}.studioNav button{display:grid;justify-items:center;align-content:center;gap:7px;min-height:69px;font-size:10px;border:1px solid transparent;color:#a8bad0;background:transparent;padding:8px 3px}.studioNav svg{width:23px;height:23px}.studioNav button.active{background:linear-gradient(135deg,#264d65,#23344f);border-color:#6793ae;color:#cefbff;box-shadow:0 5px 20px #0003}.navFoot{color:#8ea2ba;font-size:8px;text-align:center;border-top:1px solid #344058;padding-top:15px;margin-top:8px}.statusDot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83ddd2;box-shadow:0 0 10px #83ddd255;margin-right:7px}.previewPanel{border-color:#3a4960;border-radius:18px;background:#111a29;box-shadow:0 24px 70px #0005}.stageHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;color:#94adc7;font-size:10px;border-bottom:1px solid #2e3b50}.stageHeading strong{font-size:10px;color:#cce2ed;letter-spacing:.13em}.stageHeading>span{display:flex;align-items:center;gap:9px}.stageHeading i{height:9px;width:1px;background:#65758d}.stageViewport{background:radial-gradient(ellipse at center,#23334b,#0b1423 75%);padding:18px}.canvasWrap{border-radius:9px;overflow:hidden;min-height:340px;height:clamp(340px,59vh,800px);box-shadow:0 12px 35px #0005;background:#0e1927}.canvasWrap.frame-vertical{width:min(100%,380px,calc((100vh - 265px)*.5625));min-width:180px}.canvasWrap.frame-portrait45{width:min(100%,580px,calc((100vh - 265px)*.8))}.canvasWrap.frame-square{width:min(100%,680px,calc(100vh - 265px))}.emptyState{padding:22px;gap:15px;background:radial-gradient(ellipse at center,#152e4288,#08101acc)}.emptyState .filmIcon{display:grid;place-items:center;width:76px;height:76px;border:1px solid #638aa0;border-radius:25px;background:linear-gradient(140deg,#245372,#18233c);box-shadow:0 0 50px #5499b526}.filmIcon svg{width:40px}.emptyState strong{font-size:clamp(16px,1.5vw,23px);color:#e9f7ff}.emptyState span{color:#a7bed3;font-size:11px;line-height:1.7}.emptyState button{background:#286d83;border-color:#84c5d2}.transport{background:#121e30;border-color:#34425a;padding:12px;grid-template-columns:36px 36px minmax(112px,132px) 45px minmax(45px,1fr) 45px;gap:8px}.transportVolume{grid-column:1 / -1;justify-self:end;width:min(100%,240px);background:#0d1726;border-color:#32425a}.transportQuality{background:#0d1726;border-color:#32425a}.transportQuality select{background:#17263b;font-size:10px}.timecode{color:#b1c5d9;font-size:11px}.fileInfo{padding:12px 16px;border-color:#2c3b50}.fileInfo span{color:#9aacc3;line-height:1.5}.settingsPanel{padding:0;border-color:#3a4960;border-radius:17px;top:18px;max-height:calc(100vh - 36px);background:#121d2e}.settingsPanel>fieldset{padding:18px 16px 0}.inspectorHeading h2{display:flex;align-items:center;gap:9px;font-size:21px;margin:8px 0;font-weight:600}.inspectorHeading svg{width:23px;color:#88d7e4}.inspectorHeading p{color:#a6b9cc;font-size:12px;line-height:1.6;margin:0 0 16px}.modeSwitch{margin:0 0 16px;background:#0c1625;border-color:#344862}.modeSwitch button{color:#9bacc2;font-size:12px}.modeSwitch button.active{background:#2a4863}.styleWorkspace{padding-bottom:8px}.quickPresets{gap:8px}.quickPresets button{background:linear-gradient(135deg,#1d3048,#152239);border-color:#415671;min-height:45px;font-size:11px}.styleCards{grid-template-columns:1fr 1fr}.styleCard{padding:54px 10px 12px;min-height:112px;background:#17253a}.styleCard:before{top:11px;width:calc(100% - 20px);height:31px;border-radius:7px}.styleCard strong{font-size:11px}.styleCard span{font-size:10px;line-height:1.45}.styleCard.active{border-color:#90e1e9;background:#244253}.accordion,.accordion.tone-audio,.accordion.tone-camera,.accordion.tone-scene,.accordion.tone-effects,.accordion.tone-motion,.accordion.tone-info{background:#101b2d;border-color:#334862;box-shadow:none}.accordionHead{padding:14px 12px;font-size:12px}.accordion .accordionHead{background:#1c2d44}.accordionBody{border-color:#2f425a}.accordionHead em{font-size:9px;color:#abd9e6}.field{font-size:12px;gap:8px;margin:16px 0}.field>span{color:#bdcede;line-height:1.5}.field small,.hint{color:#94a9bf;font-size:11px;line-height:1.6}.checkRow{color:#b8cadb;font-size:12px;line-height:1.6;margin:13px 2px}.checkRow input{flex-shrink:0;margin-top:3px}.subCard{border-color:#34475f;background:#152338;padding:12px}.subCardTitle strong{font-size:12px}.subCardTitle span{color:#97acc3;font-size:10px}.inlineActions button{font-size:11px}.loadedAsset{background:#132c35}.loadedAsset span{color:#a2bbcb}.exportSection{padding:0 16px 12px;border-top:0}.exportButton{min-height:45px}.inspectorFooter{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;bottom:0;border-top:1px solid #374a63;background:#18283c;padding:13px 16px;margin-top:8px}.inspectorFooter span{color:#adbfce;font-size:10px}.inspectorFooter button{display:flex;align-items:center;gap:6px;font-size:10px;padding:7px 8px;background:#243e55}.inspectorFooter svg{width:14px}footer{max-width:1920px;padding:0 24px 16px;color:#92a6be}@media (min-width: 1500px){.transport{grid-template-columns:38px 38px 132px 48px minmax(90px,1fr) 48px 178px}.transportVolume{grid-column:auto;width:auto;justify-self:stretch}}@media (max-width: 1150px){.workspace{grid-template-columns:78px minmax(0,1fr) 310px;gap:12px;padding:16px}.topbar{padding:16px}.topbar p{display:none}.stageViewport{padding:10px}.studioNav button{font-size:9px}}@media (max-width: 950px){.topbar{flex-direction:row;flex-wrap:wrap}.workspace{grid-template-columns:minmax(0,1fr)}.studioNav{position:static;flex-direction:row;padding:7px;gap:5px;overflow-x:auto}.studioNav button{flex:1 0 70px;min-height:61px;font-size:10px}.navCaption,.navFoot{display:none}.settingsPanel{position:static;max-height:none}.canvasWrap{height:48vh;min-height:300px}.canvasWrap.frame-vertical{width:min(100%,310px)}.canvasWrap.frame-portrait45{width:min(100%,430px)}.canvasWrap.frame-square{width:min(100%,500px)}.transportVolume{grid-column:1 / -1}.styleCards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.topbar{padding:14px 12px;gap:14px}.brandMark{width:38px;height:38px}.topbar h1{font-size:19px}.brandEyebrow{font-size:8px}.topActions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}.topActions button{padding:8px;font-size:11px}.headerExport{justify-content:center}.workspace{padding:12px}.stageHeading{padding:12px;font-size:8px}.stageHeading strong{font-size:9px}.transport{grid-template-columns:34px 34px minmax(90px,1fr);gap:6px}.transport>.timecode:first-of-type{grid-column:1}.transport>.timeline{grid-column:2}.transport>.timecode:last-of-type{grid-column:3}.transportVolume{width:100%;justify-self:stretch}.emptyState{padding:16px}.emptyState span{font-size:10px}.styleCards{grid-template-columns:1fr 1fr}footer{flex-direction:column;gap:6px;padding:2px 12px 16px}}@media (prefers-reduced-motion: reduce){button,.progress i{transition:none}}@media (min-width: 951px){.canvasWrap.frame-vertical{width:min(100%,380px,calc((100vh - 420px)*.5625))}.canvasWrap.frame-portrait45{width:min(100%,580px,calc((100vh - 420px)*.8))}.canvasWrap.frame-square{width:min(100%,680px,calc(100vh - 420px))}}.emptyState{background:radial-gradient(ellipse at center,#1d3851,#0e1b2d 75%)}.presetLibrary{border:1px solid #3d506c;border-radius:10px;padding:12px;margin:14px 0;background:#17273c}.presetLibrary summary{cursor:pointer;color:#b8d6e9;font-size:12px}.presetLibrary .quickPresets{margin-bottom:0}.styleCard:nth-child(7):before{background:linear-gradient(145deg,#fff,#a6bbce)}.styleCard:nth-child(8):before{background:radial-gradient(ellipse at 30% 40%,#abcbdc,#516699 60%,#172338)}.volumeButton{position:relative;display:grid;place-items:center}.volumeButton svg{width:19px;height:19px}.volumeButton .muteSlash{position:absolute;width:23px;height:2px;background:#efc3c7;transform:rotate(-45deg)}@media (max-width: 600px){.transport{grid-template-columns:34px 34px minmax(90px,1fr) 42px}.transportQuality{grid-column:3 / -1}.transport>.timecode:first-of-type{grid-column:1 / 3;grid-row:2}.transport>.timeline{grid-column:3;grid-row:2}.transport>.timecode:last-of-type{grid-column:4;grid-row:2}}.styleCard:nth-child(9):before{background:linear-gradient(145deg,#e7e1d3,#af9776 60%,#586773)}@media (min-width: 951px){.settingsPanel{max-height:calc(100vh - 165px)}}@media (max-width: 600px){.studioNav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.studioNav button{display:flex;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:8px 3px}.studioNav svg{width:18px;height:18px;flex-shrink:0}}:root{--ui-cyan: #28d9f5;--ui-violet: #be6dff;--ui-rose: #ff266b;--ui-gold: #ffc738}body{background:radial-gradient(ellipse at 10% 0%,#152a3e 0,transparent 48%),radial-gradient(ellipse at 94% 10%,#251331 0,transparent 45%),#090e17}.topbar{background:linear-gradient(110deg,#0c1623f5,#111421f5);border-bottom:1px solid #334055;box-shadow:0 8px 30px #0004}.brandMark{background:linear-gradient(135deg,#ff408b,#fa095b 54%,#ff9c0b);color:#fff;border-color:#ff618c;box-shadow:inset 0 1px #ffc3d657,0 0 24px #ff195538,0 5px 12px #0005}.brandEyebrow{color:#b4a2cb}.topbar h1 span{color:#e5c4ff}button{position:relative;border:1px solid #3b4964;background:linear-gradient(180deg,#253149,#141e30);box-shadow:inset 0 1px #ffffff0e,0 3px 8px #0003}button:hover:not(:disabled){background:linear-gradient(180deg,#33445f,#1a2940);border-color:#7b8eaf;box-shadow:inset 0 1px #ffffff17,0 4px 14px #0004}button.primary,.emptyState button{background:linear-gradient(110deg,#9054ed,#b747f4 60%,#d33ddd);border-color:#cd80ff;color:#fff;box-shadow:inset 0 1px #ffe7ff47,0 5px 22px #b84df43d}button.primary:hover:not(:disabled),.emptyState button:hover{background:linear-gradient(110deg,#a36afd,#c765ff 60%,#e353eb);border-color:#e4adff;box-shadow:inset 0 1px #fff7,0 5px 27px #c64ef44d}.headerExport,.exportButton{color:#fff;background:linear-gradient(105deg,#f1004b,#ff1557 45%,#f90);border-color:#ff6173;box-shadow:inset 0 1px #ffc4b854,0 6px 24px #ff185b36;font-weight:700}.headerExport:hover:not(:disabled),.exportButton:hover:not(:disabled){background:linear-gradient(105deg,#ff2e70,#ff3475 45%,#ffaf22);border-color:#ffaaa1;box-shadow:inset 0 1px #fff5,0 6px 29px #ff31594f}.headerExport svg{color:#ffecb8}.studioNav{background:linear-gradient(165deg,#151c2d,#0d1524);border-color:#42385c;box-shadow:inset 0 1px #a686d715,0 10px 35px #0004}.studioNav button{background:transparent;box-shadow:none;color:#acb7d1}.studioNav button.active{background:linear-gradient(120deg,#50326d,#3b264f);border-color:#af66df;color:#f4dfff;box-shadow:inset 0 1px #ecb8ff24,0 0 18px #a748ef24}.studioNav button:nth-of-type(2).active,.studioNav button:nth-of-type(3).active{background:linear-gradient(120deg,#0b4260,#122b43);border-color:#1dbedc;color:#89edff;box-shadow:inset 0 1px #94ecff30,0 0 20px #00c6ef20}.studioNav button:nth-of-type(5).active{background:linear-gradient(120deg,#0b473f,#102b2e);border-color:#27bd92;color:#99f5d5;box-shadow:inset 0 1px #9fffd520,0 0 18px #06c99220}.studioNav button:nth-of-type(6).active{background:linear-gradient(120deg,#60152f,#362020);border-color:#db4769;color:#ffcbca;box-shadow:inset 0 1px #ffbea426,0 0 18px #f1175326}.previewPanel{border:1px solid #11a2bd;background:#0c1623;box-shadow:inset 0 0 0 1px #04c7e017,0 0 28px #00cbe513,0 20px 55px #0006}.stageHeading{background:linear-gradient(105deg,#103549,#10253b 55%,#101e2e);border-color:#10647c;box-shadow:inset 0 1px #71e9ff1c}.stageHeading strong{color:#c1f5ff}.stageHeading>span{color:#82d8e9}.stageViewport{background:radial-gradient(ellipse at 50% 45%,#152b3c,#0a1522 74%)}.emptyState{background:radial-gradient(ellipse at 55% 38%,#183853,#101d2f 74%)}.emptyState .filmIcon{background:linear-gradient(140deg,#163d63,#312045);border-color:#6e9bcc;color:#8ff0ff;box-shadow:inset 0 1px #b2eaff24,0 0 35px #36c9ed22,0 8px 22px #0004}.transport{background:linear-gradient(110deg,#241020,#141a2d);border-color:#663048;box-shadow:inset 0 1px #ff8bbb0c}.transport>.transportButton{background:linear-gradient(135deg,#83205f,#4e1c49);color:#ffd3ee;border-color:#a64d7f;box-shadow:inset 0 1px #ffbee42b,0 0 14px #e53b8719}.transportQuality,.transportVolume{background:linear-gradient(180deg,#1c2034,#101a2b);border-color:#51405e;box-shadow:inset 0 1px #d69aea15}input[type=range]{accent-color:#ea55a9}.volumeSlider{accent-color:#37c8e2!important}.transportQuality select{border-color:#67476b;background:#221a31;color:#ecdcff}.settingsPanel{background:linear-gradient(150deg,#171925,#111b29 65%);border-color:#644178;box-shadow:inset 0 1px #e7b3ff1b,0 0 26px #9849f012,0 15px 40px #0005}.inspectorHeading h2{color:#f2e9ff}.inspectorHeading svg{color:#c692ff;filter:drop-shadow(0 0 6px #ad69ef36)}.modeSwitch{background:#101522;border-color:#574163}.modeSwitch button.active{color:#fff;background:linear-gradient(110deg,#7240a1,#913c87);box-shadow:inset 0 1px #e6baff33,0 0 15px #b354ef20}.presetLibrary{background:linear-gradient(140deg,#252039,#191d2f);border-color:#6b4680;box-shadow:inset 0 1px #e0a4fc17}.presetLibrary summary{color:#e0b9fc}.quickPresets button{background:linear-gradient(140deg,#1d314b,#212038);border-color:#4e5379}.styleCard{background:linear-gradient(155deg,#233049,#182034);border-color:#475b7a;box-shadow:inset 0 1px #fff1,0 5px 14px #0003}.styleCard:before{box-shadow:inset 0 1px #fff7,inset 0 -2px 8px #0003,0 4px 9px #0004}.styleCard.active{background:linear-gradient(145deg,#244453,#1c263e);border-color:#41def3;box-shadow:inset 0 0 0 1px #9defff22,inset 0 1px #b1faff33,0 0 22px #25d6ee23}.accordion{border-color:#414466}.accordion.tone-audio{border-color:#137e7b}.accordion.tone-camera,.accordion.tone-scene{border-color:#207c9b}.accordion.tone-effects,.accordion.tone-motion{border-color:#77529a}.accordion.tone-info{border-color:#96415d}.accordion.tone-audio .accordionHead{background:linear-gradient(110deg,#0c3c3e,#172b3d);color:#92efde}.accordion.tone-camera .accordionHead,.accordion.tone-scene .accordionHead{background:linear-gradient(110deg,#103b55,#182940);color:#8be4ff}.accordion.tone-effects .accordionHead,.accordion.tone-motion .accordionHead{background:linear-gradient(110deg,#3d2854,#262137);color:#e7bcff}.accordion.tone-info .accordionHead{background:linear-gradient(110deg,#49192e,#291c32);color:#ffb9d0}.accordionHead{box-shadow:inset 0 1px #ffffff0e}.subCard{background:linear-gradient(155deg,#1b283a,#131d2d);border-color:#3a4962;box-shadow:inset 0 1px #aec9ff0b}.backgroundLockCard{background:linear-gradient(140deg,#123648,#142333);border-color:#12a7be;box-shadow:inset 0 1px #90ecf628,0 0 16px #00d7e910}.inlineActions button{border-color:#217e9a;background:linear-gradient(135deg,#10364b,#10283c);color:#8feaff}select,input[type=text],input[type=number],input:not([type]){background:linear-gradient(180deg,#101928,#0c1421);border-color:#3f4f6b;box-shadow:inset 0 2px 5px #0003}select:focus,input:focus-visible{border-color:#32d9ef;box-shadow:0 0 0 2px #14c7e21a}.checkRow input{accent-color:#bf57ef}.segmented button.active{background:linear-gradient(120deg,#76223f,#c81653);border-color:#f73f7f;color:#ffeff5;box-shadow:inset 0 1px #ffb1d435}.inspectorFooter{background:linear-gradient(110deg,#251b35,#14293b);border-color:#5b4672}.inspectorFooter button{background:linear-gradient(100deg,#1b739d,#2861c6);border-color:#3da1e3;color:#d5f5ff;box-shadow:inset 0 1px #abe5ff30,0 4px 12px #076ced26}.loadedAsset{background:#0c2a30;border-color:#197e77}.preflight.ok{background:#0b302c;border-color:#198e6e;color:#a1f6d6}.preflight.warn{background:#332718;border-color:#a47b26;color:#ffe0a0}.progress i{background:linear-gradient(90deg,#9654ee,#f245d3,#31d6ef)}.exportCard{background:linear-gradient(140deg,#222037,#142738);border-color:#9864ba;box-shadow:inset 0 1px #e9baff22,0 0 36px #b150ef1d,0 20px 70px #0009}.helpModal{background:linear-gradient(140deg,#191c30,#122534);border-color:#8260a6}.textButton,.textLink{box-shadow:none}.secondary.danger,.dangerGhost{background:#341c2c;color:#ffb9c9;border-color:#965064}button:disabled{box-shadow:none}button:focus-visible,a:focus-visible{outline-color:#71e6f6}:root{color-scheme:dark}select,select option,select optgroup{color-scheme:dark}select option,select optgroup{color:#eaf1ff;background:#152236}select option:checked{background:#245472;color:#fff}.canvasWrap.frame-landscape{width:100%;height:auto;min-height:0;aspect-ratio:16 / 9}.canvasWrap.frame-vertical{height:auto;min-height:0;aspect-ratio:9 / 16}.canvasWrap.frame-portrait45{height:auto;min-height:0;aspect-ratio:4 / 5}.canvasWrap.frame-square{height:auto;min-height:0;aspect-ratio:1 / 1}.appShell[data-ui-theme=light]{color-scheme:light;color:#18304b;background:radial-gradient(ellipse at 12% 0%,#dcedff 0,transparent 48%),linear-gradient(135deg,#f6f9fd,#eaf1f9)}.appShell[data-ui-theme=light] .topbar{background:linear-gradient(110deg,#ffffffed,#edf5ffed);border-color:#d1ddeb;box-shadow:0 5px 24px #46648712}.appShell[data-ui-theme=light] .topbar h1 span{color:#3066bb}.appShell[data-ui-theme=light] :is(.brandEyebrow,.topbar p,.navCaption,.navFoot,.fileInfo span,.chips span,.inspectorHeading p,.subCardTitle span,.inspectorFooter span,.timecode,.field small,.hint,.helperText,.emptyState span,.loadedAsset span){color:#506981}.appShell[data-ui-theme=light] button{color:#244564;background:linear-gradient(180deg,#fff,#eef4fc);border-color:#c7d7e9;box-shadow:inset 0 1px #fff,0 3px 8px #43628a0e}.appShell[data-ui-theme=light] button:hover:not(:disabled){background:linear-gradient(180deg,#fff,#e3efff);border-color:#7ba4d8}.appShell[data-ui-theme=light] :is(button.primary,.emptyState button,.headerExport,.exportButton){color:#fff;background:linear-gradient(110deg,#377dde,#3265cf);border-color:#3673cb;box-shadow:inset 0 1px #ffffff52,0 5px 16px #3470d12a}.appShell[data-ui-theme=light] :is(button.primary,.headerExport,.exportButton):hover:not(:disabled){background:linear-gradient(110deg,#4388ec,#235abf)}.appShell[data-ui-theme=light] .headerExport svg{color:inherit}.appShell[data-ui-theme=light] :is(.studioNav,.settingsPanel,.previewPanel){background:linear-gradient(150deg,#fffffffa,#f5f9ff);border-color:#c8d8eb;box-shadow:inset 0 1px #fff,0 12px 30px #42618b12}.appShell[data-ui-theme=light] .studioNav button{color:#4a637e;background:transparent;box-shadow:none}.appShell[data-ui-theme=light] .studioNav button.active{color:#245aa2;background:linear-gradient(125deg,#e1efff,#edf4ff);border-color:#8bb1e5;box-shadow:inset 0 1px #fff,0 3px 8px #3366aa12}.appShell[data-ui-theme=light] .stageHeading{background:linear-gradient(110deg,#edf5ff,#f8fbff);border-color:#cfdeef}.appShell[data-ui-theme=light] .stageHeading :is(strong,span){color:#386086}.appShell[data-ui-theme=light] .stageViewport{background:radial-gradient(ellipse at center,#e7eef7,#d6e2f1)}.appShell[data-ui-theme=light] .canvasWrap{box-shadow:0 9px 28px #344f7826}.appShell[data-ui-theme=light] :is(.emptyState,.emptyState .filmIcon){color:#316eb8;background:linear-gradient(145deg,#eaf4ff,#f7fbff);border-color:#bad3ef;box-shadow:none}.appShell[data-ui-theme=light] .emptyState strong{color:#254967}.appShell[data-ui-theme=light] :is(.transport,.transportQuality,.transportVolume,.fileInfo,.modeSwitch,.inspectorFooter){background:linear-gradient(110deg,#f5f9ff,#eaf2fc);border-color:#c9d9ed;box-shadow:inset 0 1px #fff}.appShell[data-ui-theme=light] :is(.transport>.transportButton,.inspectorFooter button,.inlineActions button){color:#29639d;background:linear-gradient(130deg,#f6fbff,#dcecff);border-color:#a4c4ea;box-shadow:inset 0 1px #fff}.appShell[data-ui-theme=light] :is(.inspectorHeading h2,.field>span,.checkRow,.subCardTitle strong,.styleCard strong){color:#25415f}.appShell[data-ui-theme=light] .inspectorHeading svg{color:#477cd1;filter:none}.appShell[data-ui-theme=light] :is(.modeSwitch button.active,.segmented button.active){background:#dceaff;color:#2558a3;border-color:#9dbcea;box-shadow:none}.appShell[data-ui-theme=light] :is(.accordion,.subCard,.styleCard,.quickPresets button,.presetLibrary,.loadedAsset){background:linear-gradient(150deg,#fff,#f1f6fd);border-color:#cedced;box-shadow:inset 0 1px #fff}.appShell[data-ui-theme=light] :is(.accordionHead,.accordion.tone-camera .accordionHead,.accordion.tone-scene .accordionHead){background:linear-gradient(110deg,#e4f0fe,#f4f8ff);color:#295c8d}.appShell[data-ui-theme=light] :is(.accordion.tone-effects .accordionHead,.accordion.tone-motion .accordionHead){background:linear-gradient(110deg,#eee7fe,#f7f4ff);color:#6649a2}.appShell[data-ui-theme=light] .accordion.tone-audio .accordionHead{background:linear-gradient(110deg,#ddf3ed,#f0fbf7);color:#276b59}.appShell[data-ui-theme=light] .accordion.tone-info .accordionHead{background:linear-gradient(110deg,#fbe6ed,#fff7fa);color:#994860}.appShell[data-ui-theme=light] :is(.accordionBody,.navFoot,.fileInfo){border-color:#d4e0ee}.appShell[data-ui-theme=light] .accordionHead em{color:#586f89}.appShell[data-ui-theme=light] :is(.styleCard.active,.backgroundLockCard,.framingCard){background:linear-gradient(145deg,#e8f3ff,#f7fbff);border-color:#99bee9;box-shadow:inset 0 1px #fff}.appShell[data-ui-theme=light] :is(select,input[type=text],input[type=number],input:not([type]),input[type=color]){color:#203d5b;color-scheme:light;background:#fff;border-color:#bbcee5;box-shadow:inset 0 1px 3px #4664870b}.appShell[data-ui-theme=light] :is(select option,select optgroup){color:#203d5b;color-scheme:light;background:#fff}.appShell[data-ui-theme=light] input[type=range],.appShell[data-ui-theme=light] .checkRow input{accent-color:#3c77cf}.appShell[data-ui-theme=light] :is(a,.textLink,.textButton){color:#2967b4}.appShell[data-ui-theme=light] :is(.helpModal,.exportCard){color:#203d5b;background:linear-gradient(145deg,#fff,#ecf4ff);border-color:#adc8e9;box-shadow:0 15px 60px #263f6630}.appShell[data-ui-theme=light] :is(.preflight.ok,.downloadBox){color:#256650;background:#e7f6ef;border-color:#aed9c4}.appShell[data-ui-theme=light] :is(.preflight.warn,.errorBox){color:#864d24;background:#fff1dd;border-color:#e7c894}.appShell[data-ui-theme=light] :is(.secondary.danger,.dangerGhost){color:#a2354f;background:#fff0f3;border-color:#e7b6c3}.appShell[data-ui-theme=light] button:disabled{opacity:.5;box-shadow:none}.appShell[data-ui-theme=light] :is(button,input,select,a):focus-visible{outline-color:#346fc2}.appShell[data-ui-theme=light] .fileInfo strong{color:#3f5c7a}.appShell[data-ui-theme=light] .chips span{color:#3b5a7a;background:#edf4fd;border:1px solid #c4d6ed}.appShell[data-ui-theme=light] :is(.appFooter,.appFooter span,.transportQuality>span,.transportVolume>span){color:#516d8c}.appShell[data-ui-theme=light] :is(footer,footer span,.helperText strong,.loadedAsset strong,.exportCard small){color:#3f5c7a}.appShell[data-ui-theme=light] select option:checked{color:#244b7a;background:#e3efff}