:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7faf7;background:#060907}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 22% -8%,#14251d 0,transparent 31%),radial-gradient(circle at 92% 12%,#1b2415 0,transparent 29%),#060907;color:#f7faf7}
button,input,textarea,select{font:inherit}.top{height:74px;display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:0 26px;border-bottom:1px solid #ffffff12}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:white}.brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:20px;font-weight:900;background:linear-gradient(135deg,#a9d8b8,#d6b45f);box-shadow:0 8px 30px #d6b45f33}.brand div{display:flex;flex-direction:column}.brand b{font-size:17px}.brand small{font-size:10px;color:#8f9c93;margin-top:2px}.badge{border:1px solid #ffffff18;background:#ffffff08;border-radius:30px;padding:8px 12px;color:#aeb5cc;font-size:12px}
main{max-width:1320px;margin:auto;padding:0 26px}.restoreBanner{margin-top:18px;border:1px solid #a8d8b655;background:#a8d8b612;padding:13px 16px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:16px}.restoreBanner[hidden]{display:none}.restoreBanner div{display:flex;flex-direction:column;gap:3px}.restoreBanner span{font-size:11px;color:#989fb8}.restoreBanner button{border:1px solid #ffffff18;background:#171b28;color:#fff;border-radius:10px;padding:9px 12px;font-weight:800}
.hero{padding:76px 0 44px;max-width:970px}.eyebrow,.card small,.section small{font-size:10px;letter-spacing:.18em;font-weight:900;color:#d6b45f}.hero h1{font-size:clamp(46px,6.2vw,78px);letter-spacing:-.055em;line-height:.98;margin:16px 0 22px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#a9d8b8,#d8b85e);-webkit-background-clip:text;color:transparent}.hero p{font-size:19px;color:#aab5ad;line-height:1.7;max-width:850px}.promise{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.promise span{padding:8px 11px;border-radius:9px;border:1px solid #ffffff12;background:#ffffff07;color:#c5cec7;font-size:12px}
.studio{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:18px;align-items:start}.card{border:1px solid #ffffff13;background:linear-gradient(180deg,#101713ee,#080d0aee);border-radius:22px;box-shadow:0 25px 80px #0008}.editor{padding:27px}.side{padding:25px;position:sticky;top:18px}.cardTitle,.sectionHead{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:22px}.cardTitle h2,.sectionHead h2{margin:5px 0 0;font-size:27px}.cardTitle>b,.sectionHead>b{font-size:12px;color:#97a39a;border:1px solid #ffffff13;padding:7px 10px;border-radius:9px}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.field label,.editScene label{font-size:12px;color:#b6bdd2;font-weight:750}.field textarea,.field select,.field input[type=password],.editScene textarea,.editScene select,.editScene input[type=text],.editScene input[type=number],.editScene input:not([type=range]):not([type=checkbox]):not([type=file]){width:100%;background:#070c09;border:1px solid #ffffff17;color:#f8faf8;border-radius:12px;padding:12px 13px;outline:none}.field textarea{min-height:240px;resize:vertical;line-height:1.6;font-size:15px}.editScene textarea{min-height:90px;resize:vertical;line-height:1.5}.field textarea:focus,.field select:focus,.editScene textarea:focus,.editScene input:focus,.editScene select:focus{border-color:#a8d8b6}.field input[type=range],.editScene input[type=range]{accent-color:#a8d8b6}.field input[type=file]{color:#aab6ad;font-size:12px}
.grid5{display:grid;grid-template-columns:1.35fr 1fr .65fr 1fr .65fr;gap:11px}.grid6{display:grid;grid-template-columns:1.35fr 1fr .75fr .65fr 1fr .65fr;gap:11px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inlineControls{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.musicLine{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;color:#97a39a;font-size:11px}
.buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:7px}button,.download,.editLink{border-radius:12px;padding:13px 17px;font-weight:850;cursor:pointer}.ghost{border:1px solid #ffffff16;background:#141a16;color:#edf1ed}.primary{border:0;background:linear-gradient(135deg,#a8d8b6,#d6b45f);color:white;min-width:180px;box-shadow:0 12px 35px #6d28d940}button:disabled{opacity:.5;cursor:not-allowed}
.progress{margin-top:20px}.track{height:8px;background:#ffffff0d;border-radius:20px;overflow:hidden}.track i{height:100%;width:0;display:block;background:linear-gradient(90deg,#a8d8b6,#d8b85e);transition:width .25s}.progress>div:last-child{display:grid;grid-template-columns:50px 1fr;gap:14px;margin-top:10px;align-items:start}.progress b{font-size:13px}.status{font-size:12px;color:#aab6ad;line-height:1.5}.status.good{color:#a9d8b8}.status.bad{color:#ff9fa9}
.side h3{font-size:23px;margin:7px 0 20px}.side ol{list-style:none;padding:0;margin:0}.side li{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid #ffffff0d}.side li>b{color:#a9d8b8;font-size:11px}.side li div{font-size:13px;font-weight:800}.side li span{display:block;color:#8f9b92;font-size:11px;font-weight:500;margin-top:4px}.info{margin-top:20px;padding:14px;border:1px solid #a8d8b635;background:#a8d8b610;border-radius:12px;color:#a9b5ac;font-size:12px;line-height:1.6}
.checksPanel{margin-top:18px;padding:17px;border-radius:14px;background:#070c09;border:1px solid #ffffff12}.checksPanel h3{margin:0 0 12px;font-size:15px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;background:#ffffff05;border-radius:9px;font-size:11px}.check span{color:#97a39a;text-align:right}.check.ok b{color:#a9d8b8}.check.fail b{color:#ff9fa9}
.section{margin-top:68px}.muted{color:#97a39a;font-size:13px;margin-top:-9px}.sceneList{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scenePlan{background:#0d130f;border:1px solid #ffffff10;border-radius:16px;padding:17px}.sceneNo{font-size:11px;color:#a9d8b8;font-weight:900}.scenePlan p{font-size:13px;line-height:1.5;color:#edf2ed;min-height:54px}.query{font-size:11px;color:#89958d}.query b{color:#c6d0c8}
.result video{display:block;width:100%;max-height:760px;background:#000;border:1px solid #ffffff12;border-radius:19px}.resultButtons{display:flex;gap:10px;margin-top:16px}.download{display:inline-block;background:#fff;color:#0b100d;text-decoration:none}.editLink{display:inline-block;border:1px solid #ffffff18;color:#e5ebe6;text-decoration:none}.result details{margin-top:18px;color:#a8afc5;font-size:13px}.sources{padding:12px 0;line-height:1.9;font-size:12px}.sources a{color:#a9d8b8;margin-left:7px}
.editorState{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.editorState b{font-size:12px}.editorState span{font-size:10px;color:#76809b}.editorToolbar{display:flex;justify-content:flex-end;gap:10px;margin:20px 0}.dangerGhost{border:1px solid #d6b45f45;background:#d6b45f0d;color:#ead28f}.editorList{display:flex;flex-direction:column;gap:16px}.editScene{background:#0c120e;border:1px solid #ffffff10;border-radius:20px;padding:18px;transition:.2s}.editScene.dirty{border-color:#a8d8b666;box-shadow:0 0 0 1px #a8d8b622 inset}.editTop{display:grid;grid-template-columns:1fr 240px;gap:20px;align-items:center}.editTop>div:first-child{display:flex;align-items:center;gap:9px}.editTop em{font-style:normal;font-size:10px;color:#97a39a;background:#ffffff08;padding:5px 8px;border-radius:20px}.mediaThumb{height:135px;border-radius:14px;overflow:hidden;background:#05070d;border:1px solid #ffffff10}.mediaThumb img,.mediaThumb video{width:100%;height:100%;object-fit:cover}.mediaPlaceholder{height:100%;display:grid;place-items:center;color:#7c887f;font-size:12px}
.editorTabs{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.editorTabs details{border:1px solid #ffffff0f;background:#080b13;border-radius:13px;padding:12px}.editorTabs summary{cursor:pointer;font-weight:850;font-size:13px;color:#dde1ef}.editorTabs details>label{display:block;margin-top:13px}.subgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}.subgrid label{display:flex;flex-direction:column;gap:6px}.subgrid input[type=range]{width:100%}.rangeValue{font-size:10px;color:#97a39a}.miniButtons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.miniButtons button,.uploadBtn{border:1px solid #ffffff16;background:#151c17;color:#edf2ee;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:800;cursor:pointer}.toneNote,.currentSource{font-size:10px;color:#849087;margin-top:8px}.captionBox{grid-template-columns:repeat(6,1fr)}.toggle{flex-direction:row!important;align-items:center;gap:7px!important}.toggle input{width:auto!important}.visualGrid{grid-template-columns:220px 1fr}.visualButtons{align-items:end}.sceneActions{display:flex;justify-content:flex-end;margin-top:14px}.primarySmall{border:0;background:#b7d7ae;color:white;border-radius:10px;padding:10px 13px;font-size:11px;font-weight:850}.scenePreview{margin-top:14px}.scenePreview video{width:100%;max-height:620px;background:#000;border-radius:14px}.scenePreview[hidden]{display:none}
footer{max-width:1320px;margin:72px auto 0;padding:28px 26px 44px;border-top:1px solid #ffffff10;color:#7f8d82;font-size:12px}
@media(max-width:1050px){.studio{grid-template-columns:1fr}.side{position:static}.grid5,.grid6{grid-template-columns:1fr 1fr 1fr}.sceneList{grid-template-columns:1fr 1fr}.subgrid{grid-template-columns:1fr 1fr 1fr}.captionBox{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:720px){.hero{padding-top:50px}.hero h1{font-size:43px}.hero p{font-size:16px}.grid5,.grid6,.grid2,.sceneList,.checks,.subgrid,.captionBox,.visualGrid{grid-template-columns:1fr}.buttons,.editorToolbar{flex-direction:column}.buttons button,.editorToolbar button{width:100%}.editor{padding:18px}.badge{display:none}.editTop{grid-template-columns:1fr}.mediaThumb{height:190px}.sectionHead{flex-direction:column}.editorState{align-items:flex-start}}
.audioGrid{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:8px;margin-bottom:9px}.audioGrid select{width:100%;background:#070c09;border:1px solid #ffffff17;color:#f8faf8;border-radius:10px;padding:10px 11px}.libraryBar{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #ffffff10;background:#080b13;border-radius:12px;padding:10px 12px;margin-top:-4px;margin-bottom:14px}.libraryBar span{font-size:11px;color:#97a39a;line-height:1.45}.libraryBar .mini{padding:8px 10px;font-size:11px;white-space:nowrap}.editScene .subgrid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1050px){.editScene .subgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.audioGrid,.editScene .subgrid{grid-template-columns:1fr}.libraryBar{align-items:flex-start;flex-direction:column}.libraryBar button{width:100%}}
.topRight{display:flex;align-items:center;gap:9px}.userChip{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9aa3c2;font-size:11px;border:1px solid #ffffff12;background:#ffffff06;padding:8px 10px;border-radius:999px}.adminLink,.logoutBtn{border:1px solid #ffffff16;background:#151c17;color:#edf2ee;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:800;text-decoration:none}.logoutBtn{cursor:pointer}.editLayerGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.editLayerGrid>div{border:1px solid #ffffff10;background:#0d130f;border-radius:10px;padding:10px}.editLayerGrid span{display:block;color:#7f89a8;font-size:10px;margin-bottom:4px}.editLayerGrid b{font-size:11px;line-height:1.35;color:#dfe3f3}.professionalBadge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#19c37d14;border:1px solid #19c37d35;color:#a9d8b8;font-size:10px}
@media(max-width:850px){.userChip{display:none}.editLayerGrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.adminLink{display:none!important}.editLayerGrid{grid-template-columns:1fr}}
.proLayerControls{grid-template-columns:1.4fr repeat(3,1fr)!important}.proLayerControls .toggle{justify-content:flex-start;align-self:end;min-height:44px;border:1px solid #ffffff0e;background:#0b0f19;border-radius:10px;padding:8px 10px}
@media(max-width:1050px){.proLayerControls{grid-template-columns:1fr 1fr!important}}@media(max-width:720px){.proLayerControls{grid-template-columns:1fr!important}}

/* v7 premium palette: soft green + white + dark black + gold */
:root{--df-bg:#060907;--df-surface:#0d130f;--df-surface2:#121a15;--df-green:#a9d8b8;--df-green-strong:#78b992;--df-gold:#d6b45f;--df-gold-soft:#ead28f;--df-white:#f7faf7;--df-muted:#9eaaa1;--df-border:#ffffff16}
body{background:radial-gradient(circle at 18% -10%,#173025 0,transparent 33%),radial-gradient(circle at 92% 6%,#2c2614 0,transparent 29%),var(--df-bg);color:var(--df-white)}
.brand>span{background:linear-gradient(135deg,var(--df-green),var(--df-gold));color:#07100c;box-shadow:0 10px 34px #d6b45f2b}
.hero h1 em{background:linear-gradient(90deg,var(--df-green),var(--df-gold-soft));-webkit-background-clip:text;color:transparent}
.card{background:linear-gradient(180deg,#111914ee,#080d0aee);border-color:var(--df-border)}
.primary{background:linear-gradient(135deg,#91cba5,var(--df-gold));color:#07100c;box-shadow:0 12px 34px #a9d8b828}
.primary:hover{filter:brightness(1.04)}
.field textarea:focus,.field select:focus,.editScene textarea:focus,.editScene input:focus,.editScene select:focus{border-color:var(--df-green);box-shadow:0 0 0 3px #a9d8b814}
.field input[type=range],.editScene input[type=range]{accent-color:var(--df-gold)}
.track i{background:linear-gradient(90deg,var(--df-green-strong),var(--df-gold))}
.eyebrow,.card small,.section small,.sceneNo{color:var(--df-gold)}
.scenePlan,.editScene,.editorTabs details,.checksPanel{background:#0a100c}
.editScene.dirty{border-color:#d6b45f66;box-shadow:0 0 0 1px #d6b45f22 inset}
.primarySmall{background:linear-gradient(135deg,#8fc9a3,#d6b45f);color:#07100c}
.download{background:var(--df-white);color:#07100c}.sources a{color:var(--df-green)}

/* v7.2 professional editor cleanup */
.studioNav{position:sticky;top:0;z-index:20;display:flex;gap:8px;overflow:auto;padding:10px max(18px,calc((100vw - 1220px)/2));background:rgba(7,12,9,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(214,180,95,.16)}
.studioNav a{white-space:nowrap;text-decoration:none;color:#dbe7df;padding:8px 11px;border-radius:10px;font-size:13px;font-weight:700}.studioNav a:hover{background:rgba(169,216,184,.11);color:#fff}
.compactHero{padding-top:42px;padding-bottom:22px}.compactHero h1{margin-bottom:8px}.compactHero p{max-width:620px;margin:0;color:var(--df-muted)}
.exportCard{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:16px 0;padding:14px;border:1px solid rgba(214,180,95,.2);background:rgba(214,180,95,.045);border-radius:14px}.exportCard>label{min-width:180px}.exportOptions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.exportOptions label{min-width:145px}.exportOptions span{padding:10px 0;color:var(--df-muted);font-size:13px}
.captionBox{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important}.captionBox input[type="color"]{height:42px;padding:4px}
.proLayerControls{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
@media(max-width:720px){.studioNav{padding-left:12px;padding-right:12px}.compactHero{padding-top:28px}.exportOptions{width:100%}}

/* v7.2 single-column user studio */
#app .studio{grid-template-columns:1fr}

/* v7.3 script-smart scene planning */
.scenePlan{display:grid;grid-template-columns:auto minmax(0,1fr) 92px;gap:12px;align-items:start}
.scenePlanBody{min-width:0}.scenePlan p{min-height:0;margin:6px 0 8px}.scenePlanActions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #ffffff0b}.scenePlanActions>span{font-size:10px;color:#91a096;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planUpload{padding:8px 10px;white-space:nowrap}.planVisualPreview{height:92px;border-radius:12px;overflow:hidden;background:#050805;border:1px solid #ffffff10}.planVisualPreview img,.planVisualPreview video{width:100%;height:100%;object-fit:cover}.planVisualPreview .mediaPlaceholder{height:100%;display:grid;place-items:center;font-size:10px;color:#718078}
@media(max-width:720px){.scenePlan{grid-template-columns:auto 1fr}.planVisualPreview{grid-column:2;height:150px}.scenePlanActions{align-items:flex-start;flex-direction:column}}

/* v7.8 dual workflow + viral reel agent */
.workflowSwitch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px}.workflowBtn{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;border:1px solid #ffffff16;background:#09100c;color:#eef5f0;padding:16px;border-radius:15px}.workflowBtn b{font-size:14px}.workflowBtn span{font-size:11px;color:#8f9d93;font-weight:600}.workflowBtn.active{border-color:#d6b45f66;background:linear-gradient(135deg,#a9d8b811,#d6b45f10);box-shadow:inset 0 0 0 1px #a9d8b81f}.workflowBtn.active b{color:#f8faf8}.reelInputs{border:1px solid #ffffff10;background:#080d0a;border-radius:16px;padding:16px;margin-bottom:14px}.reelUpload{border:1px dashed #a9d8b84d;background:#a9d8b807;border-radius:14px;padding:16px}.reelUpload>label{display:flex;justify-content:space-between;font-weight:850;font-size:13px}.reelUpload>label span{color:#d6b45f;font-size:10px}.reelUpload input{width:100%;margin-top:12px;color:#c4d0c7}.reelUpload p{font-size:11px;color:#8d9a91;line-height:1.55;margin:10px 0 0}.reelFileInfo{display:grid;gap:7px;margin:11px 0}.reelSourceRow{display:flex;justify-content:space-between;gap:12px;border:1px solid #ffffff0d;background:#0d140f;border-radius:10px;padding:9px 11px;font-size:11px}.reelSourceRow span{color:#8f9d93}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.reelEnhance{display:inline-flex!important;margin-top:3px;color:#cbd6ce;font-size:12px}.editScene .currentSource b{color:#d6b45f}
@media(max-width:720px){.workflowSwitch,.grid3{grid-template-columns:1fr}.reelSourceRow{flex-direction:column}}

[hidden]{display:none!important}

/* v7.10 Professional Reel Agent score */
.reelAgentScore{margin:12px 0 18px;padding:14px 16px;border:1px solid rgba(214,180,95,.25);border-radius:16px;background:rgba(10,16,12,.72)}
.scoreTop{display:grid;grid-template-columns:minmax(180px,.5fr) 1fr;gap:16px;align-items:center}.scoreTop>div:first-child{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.scoreTop small{font-size:10px;letter-spacing:.14em;color:#9cb6a5}.scoreTop b{font-size:24px;color:#f4f7f3}.scoreTop span{font-size:12px;color:#d6b45f}.scoreBar{height:8px;border-radius:999px;background:#17231b;overflow:hidden}.scoreBar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#a9d8b8,#d6b45f)}
.scoreItems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.scoreItems span{display:flex;flex-direction:column;padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.035);font-size:11px;color:#dce7df}.scoreItems small{color:#87998e;margin-top:2px}.scoreItems b{font-size:11px;color:#bcd1c3}
@media(max-width:900px){.scoreItems{grid-template-columns:repeat(2,minmax(0,1fr))}.scoreTop{grid-template-columns:1fr}}