:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#080b10;color:#f5f7fb;--panel:#10151d;--line:#273141;--muted:#93a0b5;--accent:#7c6cff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -20%,#263153 0,#080b10 38%);min-height:100vh}.app{display:grid;grid-template-columns:235px 1fr;min-height:100vh}aside{border-right:1px solid var(--line);padding:24px 18px;position:sticky;top:0;height:100vh;background:#090d13cc;backdrop-filter:blur(14px)}.brand{display:flex;gap:12px;align-items:center;margin-bottom:32px}.brand small{display:block;color:var(--muted);margin-top:3px}.mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#806cff,#45d5ff)}.nav{display:block;width:100%;text-align:left;background:transparent;color:#cbd4e3;border:0;border-radius:10px;padding:11px 12px;margin:3px 0;cursor:pointer}.nav.active,.nav:hover{background:#151c27;color:white}.providerBox{position:absolute;bottom:22px;left:18px;right:18px;border:1px solid var(--line);border-radius:13px;padding:12px;color:var(--muted);font-size:12px}.providerBox b{color:white;display:block;margin-bottom:8px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#526074;margin-right:6px}.dot.on{background:#37d49a}main{max-width:1500px;width:100%;padding:38px 44px 80px}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px}h1{font-size:clamp(34px,4vw,64px);line-height:1;max-width:980px;letter-spacing:-.045em;margin:8px 0 0}h2{margin:0 0 6px;font-size:21px}h3{font-size:28px;margin:4px 0 8px}h4{margin:22px 0 10px}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#8b9ab0}.pill{border:1px solid #364258;border-radius:999px;padding:10px 14px;color:#b7c3d7;white-space:nowrap}.tab{display:none}.tab.active{display:block}.stepGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-bottom:16px}.panel{background:linear-gradient(180deg,#111720,#0e131a);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 20px 70px #0004}.panel.wide{margin-bottom:16px}.panel p{color:var(--muted);line-height:1.5}.step{float:right;color:#56677e;font-weight:800;font-size:13px}label{display:block;color:#b9c5d6;font-size:12px;margin:15px 0 7px}input,textarea{width:100%;background:#090d13;border:1px solid #303b4c;color:white;border-radius:11px;padding:12px 13px;font:inherit;outline:none}textarea{min-height:100px;resize:vertical}input:focus,textarea:focus{border-color:#766fff;box-shadow:0 0 0 3px #766fff20}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary,.secondary,.seg button{border:0;border-radius:11px;padding:12px 15px;font-weight:750;cursor:pointer}.primary{width:100%;margin-top:16px;color:white;background:linear-gradient(135deg,#7267ff,#9a58df)}.primary:disabled,.secondary:disabled{opacity:.4;cursor:not-allowed}.secondary{margin-top:16px;background:#1b2432;color:#e8edf5;border:1px solid #354258}.status{margin-top:12px;color:#9eacc0;font-size:13px}.hidden{display:none}.empty{padding:25px;border:1px dashed #334053;border-radius:14px;color:#7f8da2;text-align:center}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{font-size:11px;padding:6px 9px;border:1px solid #344154;border-radius:999px;color:#c5cfdf}.swatch{width:28px;height:28px;border:2px solid #fff2;border-radius:8px}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.screen{position:relative;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#080a0e;border:1px solid #2a3445}.screen img{width:100%;height:100%;object-fit:cover}.screen span{position:absolute;bottom:0;left:0;right:0;padding:18px 8px 7px;background:linear-gradient(transparent,#000c);font-size:10px}.directions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.direction{border:1px solid #303b4b;border-radius:16px;padding:15px;cursor:pointer}.direction.active{border-color:#7c74ff;box-shadow:0 0 0 2px #7c74ff24}.palette{display:flex;gap:5px;margin:11px 0}.palette i{height:25px;flex:1;border-radius:7px}.direction small{color:var(--muted);line-height:1.45;display:block}.seg{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.seg button{background:#171e29;color:#aab6c8;padding:8px 10px}.seg button.sel{background:#675cff;color:white}.deck{margin-top:18px;border-top:1px solid #283343}.slide{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #222c3a}.slide b{color:#65748b;font-size:11px}.slide em{font-style:normal;font-size:10px;color:#8593a8}.exports{display:flex;gap:7px;margin-top:15px;flex-wrap:wrap}.exports button{border:1px solid #354257;background:#171e29;color:white;border-radius:9px;padding:9px 10px;cursor:pointer}.downloads a{display:inline-block;margin:10px 9px 0 0;color:#8ed8ff;text-decoration:none}.assetGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0}.assetGrid div{background:#0a0f15;border:1px solid #283344;border-radius:11px;padding:12px;color:#c3cddd}.projectRow{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #273141}.projectRow a{color:#9ddcff;cursor:pointer}@media(max-width:900px){.app{grid-template-columns:1fr}aside{position:relative;height:auto;display:flex;gap:6px;align-items:center}.providerBox{display:none}.brand{margin:0 auto 0 0}.stepGrid,.directions{grid-template-columns:1fr}main{padding:25px 16px}header{display:block}.pill{display:none}.screens{grid-template-columns:repeat(2,1fr)}}
.editBox{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.editBox .secondary{margin-top:0}.portalUpload{border-top:1px solid #273141;margin-top:20px;padding-top:5px}
.studio{display:grid;grid-template-columns:155px minmax(0,1fr) 235px;gap:12px;margin-top:18px;min-height:520px}.slideRail{background:#090d13;border:1px solid #273141;border-radius:14px;padding:8px;overflow:auto;max-height:620px}.thumb{display:block;width:100%;border:1px solid #263141;background:#111822;color:#c8d2e2;border-radius:10px;text-align:left;padding:10px;margin-bottom:7px;cursor:pointer}.thumb.active{border-color:#8177ff;background:#191f31}.thumb b{font-size:10px;color:#6e7c91;display:block}.thumb span{font-size:11px;line-height:1.25;display:block;margin-top:4px}.canvasCol{min-width:0}.canvasToolbar{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.canvasToolbar button{background:#151d29;border:1px solid #334055;color:#dfe6f1;border-radius:8px;padding:7px 9px;cursor:pointer}.editorCanvas{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:14px;border:1px solid #344157;box-shadow:0 16px 50px #0006;user-select:none}.canvasEl{position:absolute;box-sizing:border-box;cursor:move;overflow:hidden}.canvasEl.selected{outline:2px solid #76d8ff;outline-offset:2px}.textEl{white-space:normal;line-height:1.13;padding:2px}.imageEl img{width:100%;height:100%;object-fit:cover;pointer-events:none}.imageEl{border-radius:10px}.animBadge{position:absolute;right:4px;bottom:4px;background:#000a;color:#bfe9ff;border-radius:999px;padding:2px 5px;font-size:8px;font-style:normal;opacity:.75}.shapeEl{min-width:4px}.inspector{background:#090d13;border:1px solid #273141;border-radius:14px;padding:12px;max-height:620px;overflow:auto}.inspector h4{margin:5px 0 10px}.inspector textarea{min-height:80px}.inspector select{width:100%;background:#090d13;border:1px solid #303b4c;color:white;border-radius:10px;padding:10px}.inspector .secondary{width:100%;margin-top:8px}@media(max-width:1150px){.studio{grid-template-columns:115px 1fr}.inspector{grid-column:1/-1}.slideRail{max-height:500px}}@media(max-width:720px){.studio{display:block}.slideRail{display:flex;gap:6px;margin-bottom:8px;max-height:none;overflow:auto}.thumb{min-width:110px}.inspector{margin-top:8px}}
.timelineShell{margin-top:20px;background:#0b1017;border:1px solid #2a3546;border-radius:16px;padding:14px}.timelineHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.timelineHead h3{margin:4px 0}.timelineActions{display:flex;gap:7px}.timelineActions select,.sceneControls select{background:#0a0f15;color:#fff;border:1px solid #354258;border-radius:8px;padding:7px}.timelineBody{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;margin-top:12px}.sceneList{display:flex;flex-direction:column;gap:9px}.sceneCard{display:grid;grid-template-columns:24px 170px 1fr;gap:10px;background:#111822;border:1px solid #2a3546;border-radius:12px;padding:9px}.sceneGrip{color:#64748b;display:flex;align-items:center}.scenePreview{aspect-ratio:16/9;background:#070b10;border-radius:8px;overflow:hidden}.scenePreview img,.scenePreview video{width:100%;height:100%;object-fit:cover}.scenePlaceholder{height:100%;display:flex;align-items:center;justify-content:center;padding:10px;text-align:center;color:#748399;font-size:11px}.sceneEdit textarea{min-height:62px;margin:5px 0}.sceneTitle{display:flex;justify-content:space-between;gap:8px}.sceneTitle span{color:#7d8ba0;font-size:10px}.sceneControls{display:flex;gap:6px;align-items:end;flex-wrap:wrap}.sceneControls label{font-size:9px;color:#8390a3}.sceneControls input{width:58px;padding:6px}.sceneControls button{padding:7px 8px;background:#17202d;border:1px solid #354258;color:#e6edf7;border-radius:7px;cursor:pointer}.scenePrompt{margin-top:6px}.assetPanel{background:#090d13;border:1px solid #273141;border-radius:12px;padding:10px;max-height:680px;overflow:auto}.assetPanel small{display:block;color:#7f8da1;margin:4px 0 8px}.assetItem{border:1px solid #293547;border-radius:9px;padding:6px;margin-bottom:7px;cursor:grab;background:#101721}.assetItem img,.assetItem video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.assetItem span{font-size:9px;display:block;margin-top:4px;color:#b9c4d3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:980px){.timelineBody{grid-template-columns:1fr}.assetPanel{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:none}.assetPanel>b,.assetPanel>small{grid-column:1/-1}}@media(max-width:720px){.sceneCard{grid-template-columns:18px 110px 1fr}.timelineHead{display:block}.timelineActions{margin-top:8px}.assetPanel{grid-template-columns:repeat(2,1fr)}}
.musicVol{display:flex;align-items:center;gap:5px;font-size:9px;color:#91a0b4}.musicVol input{width:80px}.timelineActions input[type=file]{max-width:150px;font-size:9px;color:#8998ac}.audioIcon{height:80px;display:flex;align-items:center;justify-content:center;font-size:34px;color:#9cdfff;background:#0a111a;border-radius:6px}.audioAsset button{width:100%;margin-top:5px;background:#17202d;color:#dce8f5;border:1px solid #344257;border-radius:6px;padding:5px;cursor:pointer}.videoPreview{display:block;width:min(100%,760px);margin-top:12px;border-radius:12px;border:1px solid #334057;background:#000}
.workspacePanel{margin:12px 0}.variantGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.variantCard,.revisionList button{display:flex;flex-direction:column;gap:5px;text-align:left;padding:12px;border:1px solid #26354a;border-radius:12px;background:#101927;color:#e9eef7}.variantCard span{color:#8ea5ff}.brandKit{display:grid;gap:8px;padding:14px;border:1px solid #26354a;border-radius:14px;background:#0d1522}.revisionList{display:grid;gap:7px}.revisionList button{flex-direction:row;justify-content:space-between}.assetFilters{display:flex;gap:5px;margin:7px 0}.assetFilters button.sel{outline:1px solid #8ea5ff}.toggle{display:flex;align-items:center;gap:5px}.timelineActions select{max-width:145px}@media(max-width:1100px){.variantGrid{grid-template-columns:1fr 1fr}}
.createEverything{border-color:#5146a8;background:radial-gradient(circle at 88% 0,#2d245d 0,#111720 38%,#0e131a 100%)}.createEverythingHead{display:grid;grid-template-columns:1fr 240px;gap:28px;align-items:center}.createEverything .mega{font-size:16px;min-height:58px;margin:0}.campaignRun{margin-top:18px}.campaignProgress{height:8px;background:#090d13;border-radius:999px;overflow:hidden;border:1px solid #283348}.campaignProgress i{display:block;height:100%;background:linear-gradient(90deg,#6f63ff,#46d4ff);transition:width .35s}.campaignMeta{display:flex;justify-content:space-between;gap:12px;color:#91a0b5;font-size:12px;margin:9px 0}.campaignAssets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.campaignAsset{border:1px solid #29364a;background:#0a1018;border-radius:12px;padding:11px;min-height:105px}.campaignAsset b{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:#d8e0ed}.campaignAsset small{display:block;color:#8190a5;margin:6px 0 10px}.campaignAsset .ready{color:#44d5a0}.campaignAsset .failed{color:#ff8585}.campaignAsset .skipped{color:#e0b75e}.campaignAssetActions{display:flex;gap:5px;flex-wrap:wrap}.campaignAssetActions a,.campaignAssetActions button{font-size:10px;border:1px solid #354258;background:#151d29;color:#dce6f4;border-radius:7px;padding:6px 8px;text-decoration:none;cursor:pointer}.campaignAssetActions button.approved{border-color:#3da77b;color:#60dfad}.campaignAssetActions button.rejected{border-color:#b86e6e;color:#ff9d9d}@media(max-width:900px){.createEverythingHead{grid-template-columns:1fr}.campaignAssets{grid-template-columns:1fr 1fr}.createEverything .mega{width:100%}}@media(max-width:560px){.campaignAssets{grid-template-columns:1fr}}
/* V7 intelligence */
.strategyFields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.strategyFields label{font-size:12px;color:#8593a8}.strategyFields input,.strategyFields select{width:100%;margin-top:6px}.intelligenceBar{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.intelligenceBar button{min-height:42px}.intelPanel{margin:12px 0;padding:16px;border:1px solid #29344a;border-radius:14px;background:#101827}.intelGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.scoreCard{padding:14px;border:1px solid #2c3850;border-radius:12px;background:#0d1422}.scoreCard strong{font-size:30px;display:block}.scoreCard small{color:#93a0b4}.issueList{margin:8px 0 0;padding-left:18px}.issueList li{margin:5px 0}.scoreGood{color:#5fe0a7}.scoreWarn{color:#ffd166}.scoreBad{color:#ff7b86}.strategySummary{padding:12px;border-left:3px solid #6c63ff;background:#0d1422;margin-bottom:12px}.routeRow{display:grid;grid-template-columns:34px 1fr 170px 100px;gap:10px;padding:9px 0;border-bottom:1px solid #263149;align-items:center}.routeRow small{color:#93a0b4}@media(max-width:900px){.strategyFields,.intelGrid{grid-template-columns:1fr}.intelligenceBar{grid-template-columns:1fr 1fr}.routeRow{grid-template-columns:30px 1fr}}

/* V8 conversational director */
.directorShell{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:18px;min-height:72vh}.directorWorkspace,.directorChat{background:var(--panel,#fff);border:1px solid rgba(120,130,150,.18);border-radius:20px;overflow:hidden}.directorWorkspace{padding:24px;min-height:650px}.directorChat{display:flex;flex-direction:column;min-height:650px}.directorHero{max-width:760px;padding:24px}.directorHero h2{font-size:38px;line-height:1.06;margin:12px 0}.examplePrompts{display:grid;gap:10px;margin-top:24px}.examplePrompts span{padding:12px 14px;border-radius:12px;background:rgba(120,130,150,.08);font-size:13px}.directorMessages{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.chatMsg{padding:11px 13px;border-radius:14px;max-width:92%;line-height:1.45;white-space:pre-wrap}.chatMsg.user{align-self:flex-end;background:#111827;color:white}.chatMsg.assistant{align-self:flex-start;background:rgba(120,130,150,.10)}.directorComposer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid rgba(120,130,150,.16)}.directorComposer textarea{min-height:62px;resize:none}.directorChat>.status{padding:0 14px 12px}.brandBoard,.directionBoard,.storyBoard,.qualityBoard{display:grid;gap:16px}.brandSections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brandCard,.creativeCard,.storyOption,.sceneCard,.qualityCard{border:1px solid rgba(120,130,150,.18);border-radius:14px;padding:14px;background:rgba(255,255,255,.65)}.brandRules{display:grid;gap:8px}.brandRule{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(120,130,150,.12)}.creativeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.creativeCard h3{margin:0 0 7px}.dnaBars{display:grid;gap:6px;margin-top:12px}.dnaBar{display:grid;grid-template-columns:92px 1fr 34px;align-items:center;gap:8px;font-size:12px}.dnaBar i{height:7px;background:rgba(120,130,150,.18);border-radius:20px;overflow:hidden}.dnaBar i:after{content:"";display:block;width:var(--v);height:100%;background:currentColor}.storyOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sceneList{display:grid;gap:10px}.sceneCard{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:start}.sceneNum{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#111827;color:#fff;font-weight:700}.sceneMeta{display:flex;gap:6px;flex-wrap:wrap}.miniPill{font-size:11px;padding:4px 7px;border-radius:999px;background:rgba(120,130,150,.10)}.animaticVideo{width:100%;border-radius:14px;background:#000;margin-top:14px}.qualityGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.qualityCard strong{display:block;font-size:28px}.workspaceNote{padding:12px 14px;border-radius:12px;background:rgba(91,108,255,.08);margin-bottom:14px}@media(max-width:1100px){.directorShell{grid-template-columns:1fr}.directorChat{min-height:520px}.storyOptions,.creativeGrid{grid-template-columns:1fr}.brandSections{grid-template-columns:1fr}}
.libraryCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;margin-top:20px}.libraryCards .panel{min-width:0}.libraryCards pre{max-height:240px;overflow:auto}.libraryCards button,.libraryCards a{margin:5px;display:inline-block}#libraryStatus{padding:12px;color:#6254d9}
#library button{border:1px solid #374055;border-radius:9px;background:#202637;color:#f1f3ff;padding:10px 14px;cursor:pointer;margin:8px 4px 12px 0}#library button:hover{background:#343b55}#library a{color:#afa4ff}#libraryFiles{padding:12px}#libraryStatus{color:#b9afff}
#libraryDrop{padding:24px;border:2px dashed #655ca2;border-radius:12px;text-align:center}#libraryDrop.dragging{background:#342c5d}#library select{padding:10px;margin:8px;border-radius:8px;background:#1d2333;color:white;border:1px solid #434961}