:root{--bg:#0b0b0d;--panel:#151519;--panel2:#1c1c22;--line:#303038;--gold:#d3b47c;--gold2:#f0cf91;--text:#f7f3ec;--muted:#a8a4ad;--danger:#ff8c8c;--ok:#8fd7a6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#211b16 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}button,.button,input,select,textarea{font:inherit}button,.button{border:0;border-radius:10px;background:var(--gold);color:#17130e;padding:12px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:.18s ease}button:hover,.button:hover{transform:translateY(-1px);filter:brightness(1.05)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.hidden{display:none!important}.muted{color:var(--muted)}.error{color:var(--danger);min-height:20px}.eyebrow,small{letter-spacing:.18em;color:var(--gold);font-size:12px}.mark{width:54px;height:54px;border:1px solid var(--gold);display:grid;place-items:center;border-radius:16px;color:var(--gold);font-family:Georgia,serif;font-size:22px}.mark.small{width:42px;height:42px;border-radius:12px;font-size:17px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);padding:42px;background:#121216e8;border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 90px #0008}.login-card h1{font:44px Georgia,serif;margin:8px 0 15px}.login-card label{margin-top:28px}header{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0b0b0df2;backdrop-filter:blur(16px);z-index:20}.brand,.header-actions,.panel-title,.project-row,.project-meta,.row,.section-head{display:flex;align-items:center}.brand{gap:14px}.brand h1{font:26px Georgia,serif;margin:2px 0}.header-actions{gap:12px}.pill,.status{border:1px solid #67583f;color:var(--gold);padding:7px 11px;border-radius:999px;font-size:12px}main{max-width:1320px;margin:auto;padding:26px 4vw 70px}.tabs{display:flex;gap:8px;margin-bottom:25px;position:sticky;top:78px;background:linear-gradient(var(--bg) 75%,transparent);z-index:10;padding:12px 0}.tabs button{background:transparent;color:var(--muted);border:1px solid transparent}.tabs button.active{color:var(--text);border-color:var(--line);background:var(--panel)}.hero{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:34px 0}.hero h2,.section-head h2{font:46px/1.07 Georgia,serif;margin:10px 0;max-width:900px}.hero p,.section-head p{color:var(--muted);line-height:1.7}.panel{background:linear-gradient(145deg,var(--panel),#111115);border:1px solid var(--line);border-radius:18px;padding:26px;margin:20px 0}.panel-title{justify-content:space-between;gap:18px}.panel h3{font:30px Georgia,serif;margin:5px 0 18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats article{padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.stats strong{display:block;font:38px Georgia,serif;color:var(--gold)}.stats span{color:var(--muted)}.project-list{display:grid;gap:10px}.project-row{justify-content:space-between;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.project-row h4{margin:10px 0 4px}.project-row p,.project-meta span{color:var(--muted);margin:0}.project-meta{gap:14px}.empty{text-align:center;padding:48px;color:var(--muted)}label{display:grid;gap:8px;color:#d9d4cc;margin-bottom:15px}input,select,textarea{width:100%;background:#0e0e12;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:13px}input:focus,select:focus,textarea:focus{outline:1px solid var(--gold);border-color:var(--gold)}textarea{resize:vertical}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid.two{grid-template-columns:repeat(2,1fr)}.preview,.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:15px 0}.preview figure{margin:0;background:#0f0f13;border:1px solid var(--line);border-radius:12px;padding:8px}.preview img,.card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:9px}.preview figcaption{padding:7px 3px 2px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checks{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.checks label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px 13px;border-radius:999px;background:#101014;cursor:pointer}.checks label:has(input:checked){border-color:#7b6745;background:#211b13;color:var(--gold2)}.checks input{width:auto}.field-title{font-weight:800;margin:22px 0 12px}.card{padding:10px;border:1px solid var(--line);border-radius:13px;background:#0f0f13}.card.approved{outline:2px solid var(--gold)}.card h4{text-transform:capitalize}.row{gap:8px}.row>*{flex:1}pre{white-space:pre-wrap;background:#0c0c10;padding:18px;border-radius:12px;border:1px solid var(--line);max-height:500px;overflow:auto}.section-head{justify-content:space-between;gap:30px;padding:26px 0 8px}.brand-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.5fr);gap:18px}.brand-list{display:grid;gap:10px}.brand-card{display:grid;text-align:left;justify-items:start;gap:5px;background:var(--panel2);border:1px solid var(--line);color:var(--text);width:100%;padding:16px}.brand-card strong{font-size:16px}.brand-card span{color:var(--muted);font-weight:500}.brand-card small{letter-spacing:0;color:#817d86}.save-status{color:var(--ok);margin-left:12px}.wizard-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.wizard-nav{position:sticky;top:155px;padding:22px 0}.wizard-nav h3{font:27px Georgia,serif;margin:5px 0 20px}.wizard-step{width:100%;justify-content:flex-start;gap:12px;background:transparent;color:var(--muted);border:1px solid transparent;margin-bottom:6px}.wizard-step span{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:12px}.wizard-step.active{background:var(--panel);border-color:var(--line);color:var(--text)}.wizard-step.active span{border-color:var(--gold);color:var(--gold)}.wizard-panel{min-height:650px}.wizard-page{animation:fade .22s ease}.wizard-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.dropzone{padding:28px;border:1px dashed #5a554d;border-radius:14px;background:#0e0e12;text-align:center}.dropzone input{margin-top:12px}.dropzone span{color:var(--muted);font-size:13px}.callout{display:flex;gap:8px;flex-direction:column;border:1px solid var(--line);border-radius:13px;padding:15px 17px;margin-bottom:18px;background:#101014}.callout span{color:var(--muted)}.callout.gold{border-color:#66563b;background:#1b1710}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.choice{display:block;cursor:pointer;margin:0}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{display:grid;gap:5px;border:1px solid var(--line);border-radius:14px;padding:18px;background:#101014;min-height:90px}.choice b{font-size:16px}.choice small{letter-spacing:0;color:var(--muted);font-size:12px;line-height:1.45}.choice input:checked+span{border-color:var(--gold);background:#211b13;box-shadow:inset 0 0 0 1px #8a7047}.brand-summary{border:1px solid var(--line);padding:15px;border-radius:13px;display:grid;gap:5px}.brand-summary strong{color:var(--text)}.brand-summary small{letter-spacing:0;color:var(--muted)}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.review-grid article{border:1px solid var(--line);padding:14px;border-radius:12px;background:#101014}.review-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.review-grid strong{display:block;line-height:1.45}.actions{margin-top:15px}@keyframes fade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:980px){.wizard-shell,.brand-layout{grid-template-columns:1fr}.wizard-nav{position:static;display:flex;overflow:auto;gap:5px;padding:0}.wizard-nav>.eyebrow,.wizard-nav>h3{display:none}.wizard-step{min-width:max-content;width:auto}.grid,.stats{grid-template-columns:1fr 1fr}.cards,.preview{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header{padding:0 18px}.brand h1{font-size:21px}main{padding:16px}.tabs{top:78px;overflow:auto}.grid,.grid.two,.stats,.choice-grid,.review-grid{grid-template-columns:1fr}.panel{padding:18px}.project-row,.section-head{align-items:flex-start;gap:12px}.project-meta{flex-direction:column;align-items:flex-end}.cards,.preview{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.hero h2,.section-head h2{font-size:36px}.pill{display:none}.wizard-panel{min-height:auto}}

/* Stage 3 — Garment DNA + AI Director + Visual QA */
.dna-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 0 18px;border-bottom:1px solid var(--line);margin-bottom:18px}.dna-toolbar>div{display:grid;gap:4px}.dna-toolbar strong{font-size:16px;color:var(--gold2)}.dna-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.director-card{margin:18px 0;padding:20px;border:1px solid #66563b;border-radius:15px;background:linear-gradient(145deg,#1b1710,#111115)}.director-card h4{font:24px Georgia,serif;margin:7px 0 16px}.director-list{display:grid;gap:7px;margin-top:12px}.director-list strong{color:var(--gold2)}.director-list span{color:var(--muted);line-height:1.5}.director-list .ok{color:var(--ok)}.analysis-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line)}.status.locked{border-color:#3d7550;color:var(--ok)}.card-title{display:grid;gap:6px;margin:10px 0}.card-title h4{margin:0}.qa{display:inline-flex;width:max-content;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;letter-spacing:.04em;border:1px solid var(--line)}.qa.pass{color:var(--ok);border-color:#315b3d;background:#102017}.qa.fail{color:#ffb3b3;border-color:#6b3b3b;background:#241111}.qa.unknown{color:var(--muted)}.qa-issues{letter-spacing:0;color:var(--danger);line-height:1.35}.button.full{display:flex;width:100%;margin-top:8px}.card .row button{min-width:0}@media(max-width:760px){.dna-grid{grid-template-columns:1fr}.dna-toolbar{align-items:flex-start;flex-direction:column}.analysis-actions>*{width:100%}}

/* v0.4 — Industry Intelligence */
.brand-picker-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:18px}.brand-picker-row label{margin:0}.brand-picker-row button{height:48px;white-space:nowrap}.industry-intelligence,.industry-guide{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(211,180,124,.07),rgba(255,255,255,.015))}.industry-intelligence h4,.industry-guide h4{margin:3px 0 6px}.industry-intelligence .panel-title{margin-bottom:8px}.industry-guide{display:grid;grid-template-columns:minmax(180px,.45fr) 1fr;gap:20px;align-items:start}.industry-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.industry-points span{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#111115;color:#d7d3dc;font-size:13px}.modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px}.modal-card{width:min(760px,100%);max-height:90vh;overflow:auto;background:#131317;border:1px solid #383840;border-radius:20px;padding:26px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.modal-actions{display:flex;justify-content:flex-end;margin-top:20px}.brand-card span{line-height:1.45}input[readonly]{opacity:.8;background:#111114}@media(max-width:760px){.brand-picker-row{grid-template-columns:1fr}.brand-picker-row button{width:100%}.industry-guide{grid-template-columns:1fr}.industry-points{grid-template-columns:1fr}.modal{padding:10px}.modal-card{padding:18px}}

/* Stage 5 — field-by-field AI co-director suggestions */
.ai-suggestion-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:0 0 20px;border:1px solid rgba(222,183,111,.28);border-radius:16px;background:linear-gradient(135deg,rgba(222,183,111,.08),rgba(255,255,255,.02))}.ai-suggestion-toolbar>div{display:grid;gap:4px}.ai-suggestion-toolbar strong{font-size:15px}.ai-suggestion-toolbar small{color:#a9a9ae;line-height:1.45}.ai-suggestion{display:none;margin:8px 0 14px;padding:12px 13px;border:1px solid rgba(222,183,111,.24);border-radius:12px;background:rgba(222,183,111,.055);position:relative}.ai-suggestion.visible{display:block}.ai-suggestion.accepted{box-shadow:0 0 0 2px rgba(222,183,111,.3);background:rgba(222,183,111,.11)}.ai-suggestion-head{display:flex;align-items:center;gap:7px;color:#e2bd77;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.ai-star{font-size:15px}.ai-suggestion p{margin:7px 0 4px;color:#f1f1f2;font-size:13px;line-height:1.5;text-transform:none}.ai-suggestion small{display:block;color:#9e9ea5;line-height:1.45;padding-right:116px}.ai-use{position:absolute;right:10px;bottom:10px;padding:7px 10px!important;font-size:11px!important;min-height:auto!important;border-radius:9px!important}.grid.two>div>.ai-suggestion{margin-top:8px}.wizard-page[data-page="2"] .ai-suggestion{margin-top:8px}.wizard-page[data-page="5"] .ai-suggestion{margin-top:10px}
@media(max-width:720px){.ai-suggestion-toolbar{align-items:flex-start;flex-direction:column}.ai-suggestion-toolbar button{width:100%}.ai-suggestion small{padding-right:0;padding-bottom:38px}.ai-use{left:10px;right:auto}.grid.two>div{min-width:0}}


/* Stage 6 — Creative Operating System */
.mode-notice{max-width:1240px;margin:16px auto 0;padding:14px 18px;border:1px solid #6d5730;border-radius:14px;background:linear-gradient(90deg,#20180c,#121216);display:flex;align-items:center;justify-content:space-between;gap:18px}.mode-notice.hidden{display:none}.mode-notice>div{display:grid;gap:3px}.mode-notice strong{color:var(--gold2)}.mode-notice span{color:var(--muted);font-size:13px;line-height:1.45}.workspace-kicker,.generation-rail{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.workspace-kicker span,.generation-rail span{font-size:10px;letter-spacing:.12em;border:1px solid var(--line);padding:7px 10px;border-radius:999px;color:#85818a;background:#0d0d10}.workspace-kicker span:first-child,.generation-rail .done{color:var(--gold2);border-color:#615133;background:#1d1810}.director-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:16px;margin:18px 0}.director-dialogue{display:grid;grid-template-columns:48px 1fr;gap:14px;border:1px solid #66563b;border-radius:17px;padding:20px;background:linear-gradient(145deg,#1b1710,#111115)}.director-dialogue .ai-avatar{width:44px;height:44px;border-radius:14px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold2);font-weight:900}.director-dialogue small{color:var(--gold2);letter-spacing:.13em}.director-dialogue h4{font:25px Georgia,serif;margin:8px 0 13px;line-height:1.25}.director-workspace .dna-toolbar{margin:0;padding:20px;border:1px solid var(--line);border-radius:17px;background:#101014;display:grid;align-content:start}.dna-details{border:1px solid var(--line);border-radius:15px;background:#0e0e12;margin-bottom:18px}.dna-details summary{cursor:pointer;padding:16px 18px;font-weight:800;color:var(--text)}.dna-details[open] summary{border-bottom:1px solid var(--line)}.dna-details>.dna-grid,.dna-details>.grid,.dna-details>label{margin:18px}.concept-gallery{display:grid;gap:18px;margin:20px 0}.concept-card{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0f0f13;transition:.2s ease}.concept-card:hover{border-color:#5d5344;transform:translateY(-1px)}.concept-card.approved{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 18px 60px rgba(0,0,0,.28)}.concept-visual{position:relative;background:#09090b;min-height:410px}.concept-visual img{width:100%;height:100%;min-height:410px;max-height:620px;object-fit:cover;display:block}.concept-number{position:absolute;top:14px;left:14px;padding:8px 10px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.14);border-radius:10px;color:var(--gold2);font-weight:900}.concept-copy{padding:24px;display:flex;flex-direction:column;justify-content:center}.concept-top,.pose-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.concept-copy h4{font:31px Georgia,serif;margin:4px 0 12px}.concept-reason{display:grid;gap:6px;margin:22px 0;padding:15px;border-radius:12px;background:#151419;border:1px solid var(--line)}.concept-reason span{color:var(--muted);font-size:13px;line-height:1.55}.concept-actions,.pose-actions{display:flex;gap:8px;flex-wrap:wrap}.concept-actions>*{flex:1;min-width:125px}.concept-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:18px;border-top:1px solid var(--line)}.pose-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.pose-card{border:1px solid var(--line);border-radius:16px;background:#0f0f13;overflow:hidden}.pose-card.approved{border-color:#3d7550;box-shadow:inset 0 0 0 1px #315b3d}.pose-visual{position:relative;background:#09090b}.pose-visual img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.pose-label{position:absolute;left:12px;bottom:12px;padding:7px 10px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.12);border-radius:8px;text-transform:capitalize;font-size:12px}.pose-copy{padding:15px}.pose-head h4{margin:0;text-transform:capitalize}.pose-actions{margin-top:14px}.pose-actions>*{flex:1;min-width:115px}.video-workspace{background:linear-gradient(145deg,#121216,#18130d)}
@media(max-width:860px){.director-workspace,.concept-card{grid-template-columns:1fr}.concept-visual img{max-height:none}.pose-gallery{grid-template-columns:1fr}.concept-footer,.mode-notice{align-items:flex-start;flex-direction:column}.mode-notice button,.concept-footer button{width:100%}}

/* Stage 7.1 — Live Vision Engine */
.vision-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vision-chip{display:inline-flex;align-items:center;border:1px solid var(--line,#d9d1c4);border-radius:999px;padding:5px 9px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:#f6f2eb;color:#6f665b}.vision-chip.live{background:#ecf8ef;border-color:#b9ddc0;color:#1e6b34}.vision-chip.demo{background:#fff5df;border-color:#e8cc8c;color:#8a6416}.vision-chip.warn{background:#fff0ee;border-color:#e2b6ae;color:#994b3d}.dna-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.vision-coverage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 4px}.vision-coverage>div{border:1px solid var(--line,#ddd5c8);border-radius:14px;padding:12px;background:rgba(255,255,255,.55)}.vision-coverage strong{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px}.coverage-chips{display:flex;gap:6px;flex-wrap:wrap}.coverage-chips span{border:1px solid var(--line,#ddd5c8);border-radius:999px;padding:5px 8px;font-size:11px;background:#fff}.coverage-chips b{font-weight:650;text-transform:capitalize}.reference-advice span{display:block;font-size:12px;line-height:1.55;color:var(--muted,#756f66)}
@media(max-width:900px){.vision-coverage{grid-template-columns:1fr}.dna-toolbar-actions{width:100%}.dna-toolbar-actions button{flex:1}}

/* Stage 7.1.1 — dark luxury vision readability hotfix */
.vision-chip{border-color:#66563b;background:#17130e;color:#d9c6a1}
.vision-chip.live{background:#102017;border-color:#315b3d;color:#9ee5b5}
.vision-chip.demo{background:#211b13;border-color:#7b6745;color:var(--gold2)}
.vision-chip.warn{background:#241111;border-color:#6b3b3b;color:#ffb3b3}
.vision-coverage>div{border-color:#55482f;background:linear-gradient(145deg,#1b1710,#111115);box-shadow:inset 0 1px 0 rgba(240,207,145,.035)}
.vision-coverage strong{color:var(--gold2)}
.coverage-chips span{border-color:#4d4437;background:#17151a;color:#ded7cb}
.coverage-chips span b{color:#f4e4c4}
.reference-advice span{color:#c5bba9}
.vision-coverage .reference-advice{color:#c5bba9}
.vision-coverage>div:last-child{background:linear-gradient(145deg,#1d1810,#111115);border-color:#66563b}
.vision-coverage>div:last-child span{color:#d8c9ad}
@media(max-width:900px){.vision-coverage>div{min-width:0}}


/* Stage 8.0 — AI Creative Director concept decks */
.concept-palette{position:absolute;right:14px;bottom:14px;display:flex;gap:6px;padding:8px 9px;border-radius:999px;background:rgba(8,8,10,.76);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.palette-dot{width:16px;height:16px;border-radius:50%;background:var(--swatch,#b99653);border:1px solid rgba(255,255,255,.35);box-shadow:0 2px 7px rgba(0,0,0,.25)}
.concept-story{color:#d3c8b5;line-height:1.55;margin:0 0 12px;max-width:760px}.concept-keywords{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 18px}.concept-keywords span{font-size:10px;letter-spacing:.09em;text-transform:uppercase;padding:6px 8px;border:1px solid #4f4536;border-radius:999px;color:var(--gold2);background:#18140e}.concept-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:5px 0 18px}.concept-spec-grid>div{padding:12px;border-radius:11px;border:1px solid #353039;background:linear-gradient(145deg,#151319,#111014)}.concept-spec-grid small,.creative-deck small,.shot-list small{display:block;color:#9d8b6b;font-size:9px;font-weight:900;letter-spacing:.14em;margin-bottom:5px}.concept-spec-grid strong{display:block;color:#eee7da;font-size:12px;line-height:1.45;font-weight:700}.creative-deck{border:1px solid #4c412f;border-radius:13px;background:#121014;margin:2px 0 18px;overflow:hidden}.creative-deck summary{cursor:pointer;padding:13px 15px;color:var(--gold2);font-weight:900;letter-spacing:.02em;list-style:none}.creative-deck summary::-webkit-details-marker{display:none}.creative-deck[open] summary{border-bottom:1px solid #3c3429}.creative-deck-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.creative-deck-grid>div{padding:11px;border-radius:10px;background:#17141a;border:1px solid #312c34}.creative-deck-grid p{margin:0;color:#c9c0b3;font-size:12px;line-height:1.5}.shot-list{margin:0 14px 14px;padding:13px;border-radius:10px;background:#16130f;border:1px solid #463b2b}.shot-list ol{margin:8px 0 0 19px;padding:0;display:grid;gap:5px;color:#cfc4b0;font-size:12px;line-height:1.45}.creative-deck .concept-reason{margin:0 14px 14px;background:#17141a}
@media(max-width:760px){.concept-spec-grid,.creative-deck-grid{grid-template-columns:1fr}.concept-palette{right:10px;bottom:10px}.palette-dot{width:14px;height:14px}}

/* Stage 8.1 — AI Moodboard + Reference Intelligence */
.reference-tile{display:flex!important;flex-direction:column;background:#0f0f13;border:1px solid #39333a;border-radius:14px;overflow:hidden;padding:0!important}.reference-tile img{width:100%;aspect-ratio:4/5;object-fit:cover}.reference-tile figcaption{padding:10px 11px 7px;display:grid;gap:3px}.reference-tile figcaption strong{font-size:11px;color:#eee7da;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-tile figcaption small{font-size:9px;color:#8f8991}.reference-tile select{margin:0 10px 10px;width:calc(100% - 20px);font-size:10px;padding:8px;background:#18151b;border-color:#4b4236;color:#ddcfb8}.concept-moodboard{margin:0 14px 14px;border:1px solid #4d412f;border-radius:12px;background:linear-gradient(145deg,#17130e,#101014);overflow:hidden}.moodboard-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 13px;border-bottom:1px solid #3b3328}.moodboard-head>div{display:grid;gap:2px}.moodboard-head small,.reference-strategy>small{font-size:9px;font-weight:900;letter-spacing:.14em;color:#a69069}.moodboard-head strong{font-size:13px;color:#f0dfbe}.moodboard-head>span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#d9b870;border:1px solid #66563b;background:#211a10;border-radius:999px;padding:5px 8px}.moodboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.moodboard-tile{min-height:82px;padding:11px;border:1px solid #342f35;border-radius:10px;background:#141217}.moodboard-tile small{display:block;color:#9d8b6b;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.moodboard-tile p{margin:0;color:#d5cbbb;font-size:11px;line-height:1.5}.reference-strategy{padding:0 12px 12px;display:grid;gap:7px}.reference-strategy>small{margin:4px 0 2px}.reference-rule{display:grid;grid-template-columns:minmax(100px,.5fr) minmax(0,1fr);gap:4px 10px;padding:9px 10px;border:1px solid #3a342c;border-radius:9px;background:#121115}.reference-rule span{text-transform:capitalize;color:var(--gold2);font-size:10px;font-weight:800}.reference-rule strong{font-size:11px;line-height:1.4;color:#ded5c8}.reference-rule small{grid-column:2;color:#8e8790;font-size:9px;line-height:1.4}@media(max-width:760px){.moodboard-grid{grid-template-columns:1fr}.reference-rule{grid-template-columns:1fr}.reference-rule small{grid-column:1}.moodboard-head{align-items:flex-start;flex-direction:column}}

/* Stage 8.2 — QA Inspector 2.0 */
.qa-inspector{margin-top:16px;border:1px solid rgba(201,164,92,.24);border-radius:18px;background:linear-gradient(180deg,rgba(39,29,20,.96),rgba(20,17,14,.98));overflow:hidden;color:#f2eadf}.qa-inspector.fail{border-color:rgba(181,104,80,.38)}.qa-inspector>summary{cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 17px;list-style:none;background:rgba(255,255,255,.025)}.qa-inspector>summary::-webkit-details-marker{display:none}.qa-inspector>summary span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#d5b46f}.qa-inspector>summary strong{font-size:12px;color:#f7efe5}.qa-inspector-body{padding:18px}.qa-score-head{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.qa-score-head>div{padding:13px;border-radius:13px;background:#17130f;border:1px solid rgba(255,255,255,.06)}.qa-score-head small{display:block;color:#9f927f;font-size:10px;letter-spacing:.08em}.qa-score-head strong{display:block;margin-top:5px;font-size:18px;color:#f4e8d6}.qa-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.qa-check{padding:10px 11px;border-radius:12px;background:#15120f;border:1px solid rgba(255,255,255,.055)}.qa-check>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#c9bdaa}.qa-check strong{color:#f0e4d1}.qa-meter{height:5px!important;margin-top:8px;background:#2b241d;border-radius:999px;overflow:hidden}.qa-meter i{display:block;height:100%;border-radius:999px;background:#c9a45c}.qa-check.warn .qa-meter i{background:#b88352}.qa-check.bad .qa-meter i{background:#ad6654}.qa-inspector section{margin-top:18px}.qa-inspector h5{margin:0 0 9px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#c7a45f}.qa-inspector ul{margin:0;padding-left:18px;color:#cfc4b4;font-size:12px;line-height:1.6}.qa-critical{padding:13px;border-radius:13px;background:rgba(121,54,43,.18);border:1px solid rgba(181,104,80,.26)}.qa-issue-list{display:grid;gap:9px}.qa-issue{padding:12px;border-radius:12px;background:#15120f;border:1px solid rgba(255,255,255,.06)}.qa-issue.critical{border-color:rgba(181,104,80,.38);background:rgba(101,46,38,.16)}.qa-issue.major{border-color:rgba(183,133,78,.28)}.qa-issue>div{display:flex;align-items:center;gap:8px;margin-bottom:7px}.qa-issue>div span{font-size:9px;letter-spacing:.08em;padding:3px 6px;border-radius:999px;background:#2a2119;color:#d8b36c}.qa-issue>div strong{font-size:12px;color:#efe4d5}.qa-issue p{margin:4px 0;font-size:11px;line-height:1.5;color:#bfb3a3}.qa-issue b{color:#dfd0bd}.qa-repair{padding:13px;border-radius:13px;background:rgba(201,164,92,.08);border:1px solid rgba(201,164,92,.18)}.qa-repair p{margin:0;color:#d7cbbb;font-size:12px;line-height:1.6}.qa-strengths{padding:12px;border-radius:13px;background:rgba(91,117,82,.11);border:1px solid rgba(122,148,108,.18)}.qa-notes{padding:12px;border-radius:13px;background:rgba(255,255,255,.025)}
@media(max-width:760px){.qa-score-head,.qa-check-grid{grid-template-columns:1fr}.qa-inspector>summary{align-items:flex-start;flex-direction:column}}

/* Stage 8.3 — One-Click Repairs */
.one-click-repair{margin-top:14px;border:1px solid rgba(211,180,124,.24);border-radius:16px;background:linear-gradient(145deg,#17130f,#101014);padding:14px}.repair-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:11px}.repair-head>div{display:grid;gap:3px}.repair-head small{font-size:9px;font-weight:900;letter-spacing:.16em;color:#9f8b68}.repair-head strong{font-size:13px;color:#f0e2c7}.repair-head>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#c9a45c;border:1px solid #5a4c36;border-radius:999px;padding:5px 8px;background:#1d1811}.repair-chips{display:flex;flex-wrap:wrap;gap:7px}.repair-chip{padding:8px 10px;border-radius:999px;background:#241b12;color:#efd39b;border:1px solid #6c5635;font-size:10px;font-weight:850}.repair-chip:hover{background:#302316}.repair-chip.critical{border-color:#8c4f43;color:#ffc0b4;background:#291512}.repair-chip.major{border-color:#7a603a}.repair-chip.minor,.repair-chip.suggested{border-color:#49413a;color:#d8cbbb;background:#17151a}.repair-chip:disabled{opacity:.6}.one-click-repair>p{margin:10px 0 0;color:#9e9588;font-size:10px;line-height:1.5}.concept-card .one-click-repair,.pose-card .one-click-repair{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
@media(max-width:760px){.repair-head{flex-direction:column}.repair-head>span{align-self:flex-start}.repair-chip{flex:1 1 auto}}


/* Stage 8.4 — Character Continuity */
.character-lock-panel{margin:16px 0 22px;padding:18px;border:1px solid rgba(201,157,91,.32);border-radius:18px;background:linear-gradient(135deg,rgba(63,42,31,.96),rgba(23,18,16,.98));box-shadow:0 12px 28px rgba(0,0,0,.2)}
.identity-lock-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.identity-lock-head h4{margin:2px 0 0;color:#f4e6d5}.identity-lock-badge{font-size:11px;letter-spacing:.16em;font-weight:800;color:#1b1512;background:#d8b27a;border-radius:999px;padding:7px 10px}.identity-lock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.identity-lock-grid>div{padding:12px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.identity-lock-grid small{display:block;color:#d9b983;letter-spacing:.12em;font-size:10px;font-weight:800;margin-bottom:5px}.identity-lock-grid p{margin:0;color:#eaded1;line-height:1.45;font-size:13px}@media(max-width:900px){.identity-lock-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.identity-lock-grid{grid-template-columns:1fr}.identity-lock-head{align-items:flex-start}.identity-lock-badge{flex:0 0 auto}}

/* Stage 8.5 — AI Production Studio */
.production-workspace{background:linear-gradient(180deg,#191310,#110f0e);border-color:#4b3d2d}.production-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:18px 0 16px}.production-toolbar label{min-width:240px}.production-buttons{display:flex;gap:10px;flex-wrap:wrap}.production-analytics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.production-analytics>div{padding:14px 15px;border-radius:14px;background:linear-gradient(145deg,#201812,#15110f);border:1px solid rgba(202,164,95,.18)}.production-analytics small{display:block;font-size:9px;letter-spacing:.14em;color:#9d8c72;font-weight:900}.production-analytics strong{display:block;margin-top:5px;color:#f1dfc3;font-size:20px}.production-queue{display:grid;gap:9px}.production-shot{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid #383027;background:#151210}.production-shot.generating{border-color:#9c7541;box-shadow:0 0 0 1px rgba(201,164,92,.08) inset}.production-shot.ready,.production-shot.approved{border-color:#506247;background:linear-gradient(145deg,#15170f,#12120f)}.production-shot.review{border-color:#7b5e3f;background:#1b1510}.production-shot.failed{border-color:#79463e;background:#1c1110}.production-order{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#211a14;border:1px solid #493b2d;color:#d8b978;font-weight:900;font-size:12px}.production-shot-copy{display:flex;justify-content:space-between;gap:14px;align-items:center}.production-shot-copy small{font-size:9px;letter-spacing:.11em;color:#988971;text-transform:uppercase}.production-shot-copy h4{margin:3px 0 4px;color:#f0e4d3;font-size:14px}.production-shot-copy p{margin:0;color:#a99d8d;font-size:11px;line-height:1.45}.production-shot-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end;min-width:220px}.production-shot-meta span{font-size:9px;border:1px solid #423a31;background:#1a1714;color:#c8bbab;border-radius:999px;padding:5px 7px;text-transform:uppercase;letter-spacing:.06em}.production-status.ready,.production-status.approved{border-color:#536847;color:#bdd7ad}.production-status.review{border-color:#7b5e3f;color:#e1bd82}.production-status.failed{border-color:#7d4740;color:#e7a49b}.production-status.generating{border-color:#9a7543;color:#e6c28d}
@media(max-width:800px){.production-toolbar{align-items:stretch;flex-direction:column}.production-toolbar label{min-width:0}.production-analytics{grid-template-columns:1fr 1fr}.production-shot-copy{align-items:flex-start;flex-direction:column}.production-shot-meta{min-width:0;justify-content:flex-start}.production-shot{grid-template-columns:46px 1fr}}

/* Stage 8.6 — UX polish, progress system, navigation and AI Video Studio */
button,.button{position:relative;overflow:hidden;min-height:44px;box-shadow:0 8px 22px rgba(0,0,0,.14);will-change:transform,box-shadow}
button:not(:disabled):hover,.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.22)}
button:not(:disabled):active,.button:active,button.button-pressed,.button.button-pressed{transform:translateY(1px) scale(.975);box-shadow:0 3px 10px rgba(0,0,0,.25);filter:brightness(.96)}
button:focus-visible,.button:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
button.is-loading{cursor:progress;padding-left:18px}
button.is-loading:before{content:none!important;display:none!important}
@keyframes dtSpin{to{transform:rotate(360deg)}}
.stage-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.stage-back-btn{min-height:38px;padding:9px 13px;font-size:12px}.project-row-actions{display:flex;gap:8px;align-items:center}.danger-ghost{border-color:rgba(255,140,140,.3);color:#ffb0b0}.danger{background:#9e4944;color:#fff}.danger:hover{background:#b6534d}.compact-modal{max-width:520px}
.operation-progress{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);width:min(680px,calc(100vw - 32px));padding:14px 16px;border-radius:16px;border:1px solid #5c4932;background:rgba(20,16,13,.96);backdrop-filter:blur(18px);box-shadow:0 24px 80px rgba(0,0,0,.45);z-index:100;transition:.2s ease}.operation-progress.success{border-color:#4b684b}.operation-progress.error{border-color:#8a4843}.operation-progress-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.operation-progress-head strong{color:#f3e4ce;font-size:13px}.operation-progress-head span{color:var(--gold2);font-weight:900}.operation-progress-track{height:7px;background:#33291f;border-radius:999px;overflow:hidden;margin:10px 0 7px}.operation-progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#8f7048,#e0bd7e);border-radius:999px;transition:width .45s ease}.operation-progress small{display:block;color:#a99c8c;letter-spacing:0;font-size:10px}
.operation-progress-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto}
.operation-progress-controls #operationProgressPct{display:inline-flex;align-items:center;justify-content:center;min-width:38px;white-space:nowrap}
.operation-progress-controls #operationCancelBtn{margin:0;min-height:38px;padding:8px 14px;white-space:nowrap}

.reference-tile.persisted{opacity:.96}.reference-tile.persisted img{filter:none}
.video-workspace{background:linear-gradient(180deg,#18120f,#100e0d);border-color:#51402d}.video-provider-notice{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border-radius:14px;margin:14px 0 18px;background:#15120f;border:1px solid #3b342d}.video-provider-notice strong{color:#efdfc8}.video-provider-notice span{color:#a99e91;font-size:12px;line-height:1.5}.video-provider-notice.ready{border-color:#486044;background:#11170f}.video-provider-notice.warn{border-color:#72593b;background:#1b1510}.video-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.video-actions{display:flex;gap:10px;flex-wrap:wrap;margin:2px 0 18px}.video-storyboard{display:grid;gap:12px}.storyboard-summary{display:grid;grid-template-columns:.75fr 1.5fr;gap:12px;padding:15px;border:1px solid #3a3027;border-radius:14px;background:#15110f}.storyboard-summary>div{display:grid;gap:5px}.storyboard-summary small{font-size:9px;letter-spacing:.13em;color:#a78e69}.storyboard-summary strong{font-size:16px;color:#f2dfc5}.storyboard-summary span{font-size:12px;color:#b7aa99;line-height:1.5}.storyboard-scene{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:15px;border:1px solid #3b3229;border-radius:16px;background:linear-gradient(145deg,#18130f,#12100f)}.scene-number{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#231a12;border:1px solid #5b4630;color:#dcb979;font-weight:900}.scene-fields label{margin-bottom:10px}.scene-fields input,.scene-fields textarea{background:#0d0c0b}.scene-locks{display:flex;gap:6px;flex-wrap:wrap}.scene-locks span{padding:5px 8px;border-radius:999px;border:1px solid #4b4438;color:#bfb29f;background:#13120f;font-size:9px}.video-workspace .empty{border:1px dashed #3f352a;border-radius:15px;padding:34px}
@media(max-width:900px){.video-controls{grid-template-columns:1fr 1fr}.storyboard-summary{grid-template-columns:1fr}.stage-title-actions{justify-content:flex-start}.panel-title{align-items:flex-start;flex-direction:column}.project-row{align-items:flex-start}.project-meta{align-items:flex-end}.project-row-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:650px){button,.button{min-height:46px;padding:12px 15px}.operation-progress{bottom:12px;width:calc(100vw - 20px)}.project-row{display:grid;grid-template-columns:1fr}.project-meta{width:100%;align-items:flex-start}.project-row-actions{width:100%;justify-content:flex-start}.project-row-actions button{flex:1}.video-controls{grid-template-columns:1fr}.video-actions{display:grid;grid-template-columns:1fr}.video-actions button{width:100%}.storyboard-scene{grid-template-columns:1fr}.scene-number{width:38px;height:38px}.stage-title-actions{width:100%}.stage-title-actions .stage-back-btn,.stage-title-actions .button{flex:1}.wizard-actions{position:sticky;bottom:0;background:linear-gradient(transparent,#151519 22%);padding-top:28px;padding-bottom:4px;z-index:8}.wizard-actions button{flex:1}.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}}
\n\n/* Stage 9.0 — AI Creative Chat */\n.creative-chat-fab{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:9px;padding:10px 16px 10px 10px;border-radius:999px;border:1px solid rgba(220,185,121,.45);background:linear-gradient(145deg,#3a291c,#21170f);color:#f5e6cc;box-shadow:0 18px 46px rgba(0,0,0,.38)}.creative-chat-fab span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#d7b073;color:#17110c;font-size:11px;font-weight:950}.creative-chat-fab strong{font-size:12px;letter-spacing:.04em}.creative-chat-drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100vw);z-index:110;display:flex;flex-direction:column;background:linear-gradient(180deg,#18120f,#0e0c0b);border-left:1px solid #4f3f2e;box-shadow:-30px 0 90px rgba(0,0,0,.55);animation:dtChatIn .24s ease-out}.creative-chat-drawer.hidden{display:none}@keyframes dtChatIn{from{transform:translateX(32px);opacity:.2}to{transform:none;opacity:1}}.creative-chat-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;border-bottom:1px solid #342b23}.creative-chat-head h3{margin:2px 0;color:#f2dfc4}.creative-chat-head small{color:#9d9181}.creative-chat-context{display:grid;gap:2px;padding:11px 20px;border-bottom:1px solid #2e2721;background:#13100e}.creative-chat-context span{color:#caa96f;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.creative-chat-context strong{color:#eadac5}.creative-chat-context small{color:#8f8579}.creative-chat-messages{flex:1;overflow:auto;padding:18px 18px 8px;display:flex;flex-direction:column;gap:12px}.chat-empty{margin:auto;padding:32px 20px;text-align:center;display:grid;gap:7px;color:#9e9385}.chat-empty strong{color:#e9d6b9}.chat-message{max-width:92%;padding:13px 14px;border-radius:16px;border:1px solid #383027;background:#161311}.chat-message.user{align-self:flex-end;background:#302216;border-color:#5c4630}.chat-message.assistant{align-self:flex-start;background:linear-gradient(145deg,#19140f,#12100e);border-color:#493927}.chat-role{font-size:9px;letter-spacing:.13em;color:#c7a66f;font-weight:900;margin-bottom:6px}.chat-message p{margin:0;color:#e8ded1;line-height:1.58;font-size:13px;white-space:pre-wrap}.chat-impact{display:grid;gap:3px;margin-top:10px;color:#b7aa98;font-size:11px}.chat-change-card{margin-top:11px;padding:10px;border-radius:12px;background:#0e0d0c;border:1px solid #3d342b}.chat-change-card>small{display:block;color:#c9a96f;font-size:8px;letter-spacing:.13em;font-weight:900;margin-bottom:7px}.chat-change-card>div{display:grid;grid-template-columns:120px 1fr;gap:8px;padding:5px 0;border-top:1px solid rgba(255,255,255,.04)}.chat-change-card span{color:#8f8477;font-size:10px}.chat-change-card strong{color:#ddd0c0;font-size:11px;font-weight:600}.chat-regen{display:block;margin-top:9px;color:#d2b37c}.chat-apply{margin-top:10px;width:100%}.creative-chat-form{border-top:1px solid #342b23;padding:14px 16px 18px;background:#12100e}.creative-chat-form textarea{width:100%;resize:vertical;min-height:78px;background:#0c0b0a}.creative-chat-actions{display:flex;gap:8px;margin-top:9px;align-items:center}.creative-chat-actions #sendCreativeChat{margin-left:auto}.chat-preset{font-size:10px;padding:9px 10px;min-height:38px}\n@media(max-width:650px){.creative-chat-fab{right:12px;bottom:12px}.creative-chat-fab strong{display:none}.creative-chat-fab{padding:8px}.creative-chat-drawer{width:100vw}.creative-chat-head{padding:16px}.creative-chat-messages{padding:14px}.creative-chat-actions{display:grid;grid-template-columns:1fr 1fr}.creative-chat-actions #sendCreativeChat{grid-column:1/-1;width:100%;margin:0}.chat-message{max-width:96%}.chat-change-card>div{grid-template-columns:1fr}.creative-chat-form{padding-bottom:max(16px,env(safe-area-inset-bottom))}}\n

/* Stage 9.1 — AI Brand Memory */
.brand-memory-panel{margin-top:22px;padding-top:20px;border-top:1px solid #342c25}.brand-memory-summary{display:grid;gap:12px}.memory-overview{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:14px 15px;border:1px solid #493b2d;border-radius:14px;background:linear-gradient(145deg,#1c1510,#13100e)}.memory-overview strong{color:#f0dec3;line-height:1.45}.memory-overview span{color:#938777;font-size:10px;white-space:nowrap}.memory-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.memory-signal{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px;border:1px solid #373028;border-radius:12px;background:#12100e}.memory-signal div{display:grid;gap:4px}.memory-signal small{color:#b89866;font-size:8px;letter-spacing:.12em}.memory-signal strong{color:#ded2c2;font-size:11px;line-height:1.4}.memory-signal>span{color:#e0bd7d;font-size:12px;font-weight:900}.memory-signal em{grid-column:1/-1;color:#776e63;font-size:9px;font-style:normal}.memory-sources{border:1px solid #342d27;border-radius:12px;background:#100f0d}.memory-sources summary{cursor:pointer;padding:12px 14px;color:#c9aa72;font-size:11px;font-weight:800}.memory-source{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;border-top:1px solid #2c2722}.memory-source.excluded{opacity:.5}.memory-source>div:first-child{display:grid;gap:3px}.memory-source strong{color:#ded1bf;font-size:11px}.memory-source span{color:#8f8578;font-size:9px}.memory-source-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.memory-source-actions button{min-height:32px;padding:7px 9px;font-size:9px}.memory-signature{border:1px solid #7a603c!important;border-radius:999px;padding:5px 7px;color:#e2bd7c!important;font-size:8px!important;letter-spacing:.1em}.memory-inherit{display:block;margin-top:7px;color:#d0af76;font-size:10px;font-style:normal}.concept-footer-actions{display:flex;gap:9px;flex-wrap:wrap}.project-memory-status{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 13px;border-radius:12px;border:1px solid #433728;background:#15110e}.project-memory-status strong{color:#d7b575;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.project-memory-status span{color:#aaa091;font-size:11px}
@media(max-width:700px){.memory-signals{grid-template-columns:1fr}.memory-overview,.memory-source{flex-direction:column}.memory-overview span{white-space:normal}.memory-source-actions{justify-content:flex-start}.concept-footer-actions{width:100%;display:grid;grid-template-columns:1fr}.concept-footer-actions button{width:100%}}


/* Stage 9.2 — AI Fashion Director */
.fashion-director{margin-top:14px;border:1px solid rgba(194,157,88,.32);border-radius:18px;background:linear-gradient(145deg,rgba(45,29,23,.94),rgba(20,17,16,.98));overflow:hidden;color:#f3eadc}.fashion-director summary{cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 17px;background:rgba(143,91,52,.18);font-weight:700}.fashion-director.ready summary{border-left:4px solid #91b989}.fashion-director.refine summary{border-left:4px solid #d0a45f}.fashion-director.blocked summary{border-left:4px solid #b86c62}.fashion-director-body{padding:17px}.fd-verdict{font-size:1.02rem;line-height:1.55;color:#fff7ea;margin:0 0 14px}.fd-scores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 18px}.fd-score{padding:11px;border:1px solid rgba(213,179,111,.2);border-radius:13px;background:rgba(255,255,255,.035)}.fd-score small{display:block;color:#bcae99;font-size:.7rem;letter-spacing:.08em}.fd-score strong{font-size:1.35rem}.fd-score>div{height:4px;background:rgba(255,255,255,.1);border-radius:99px;margin-top:7px;overflow:hidden}.fd-score i{display:block;height:100%;background:linear-gradient(90deg,#9b6c42,#d6b06b);border-radius:99px}.fd-direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.fd-direction-grid>div,.fd-memory,.fd-strength,.fd-actions{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(0,0,0,.14)}.fd-direction-grid small,.fashion-director section>small{display:block;color:#d3b779;font-weight:800;letter-spacing:.08em;font-size:.7rem;margin-bottom:5px}.fd-direction-grid p,.fashion-director section p{margin:0;line-height:1.45}.fd-observations{display:grid;gap:9px;margin-top:8px}.fd-observation{padding:12px;border-radius:12px;background:rgba(255,255,255,.035);border-left:3px solid #9c835e}.fd-observation.critical{border-left-color:#d1665d}.fd-observation.major{border-left-color:#d6a35f}.fd-observation.note{border-left-color:#7794ad}.fd-observation>div{display:flex;gap:8px;align-items:center}.fd-observation span{font-size:.66rem;font-weight:800;letter-spacing:.08em}.fd-observation p{margin:6px 0}.fd-observation small{color:#bea98c}.fd-strength ul,.fd-memory ul{margin:7px 0 0;padding-left:18px}.fd-actions>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.fd-actions .director-fix{border-color:rgba(213,179,111,.4)}
@media(max-width:800px){.fd-scores{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-direction-grid{grid-template-columns:1fr}.fashion-director summary{align-items:flex-start;flex-direction:column}.fashion-director-body{padding:13px}}


/* Stage 9.3 Campaign Builder */
.campaign-studio{background:linear-gradient(145deg,rgba(39,29,24,.98),rgba(18,14,12,.99));border-color:rgba(202,164,111,.28)}
.campaign-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:18px;border:1px solid rgba(202,164,111,.18);border-radius:18px;background:rgba(255,255,255,.025)}
.campaign-channel-checks{grid-template-columns:repeat(4,minmax(0,1fr))}.campaign-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.campaign-summary{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin:20px 0}.campaign-summary>div{padding:18px;border-radius:16px;background:rgba(10,8,7,.48);border:1px solid rgba(202,164,111,.16)}.campaign-summary h4{font-size:22px;margin:4px 0 7px}.campaign-summary small,.campaign-card small{color:#caa46f;letter-spacing:.12em}
.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.campaign-card{padding:18px;border-radius:18px;background:linear-gradient(145deg,rgba(34,25,21,.98),rgba(19,15,13,.98));border:1px solid rgba(202,164,111,.18);box-shadow:0 12px 34px rgba(0,0,0,.18)}
.campaign-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}.campaign-card-head h4{margin:3px 0;font-size:19px}.campaign-card-head span:not(.status){font-size:12px;color:var(--muted)}.campaign-card textarea,.campaign-card input{background:rgba(0,0,0,.24)}.campaign-export{display:flex;gap:8px;margin-top:12px}.status.ready{border-color:rgba(117,183,138,.5);color:#a7d5b4;background:rgba(61,112,74,.16)}
@media(max-width:900px){.campaign-toolbar,.campaign-summary,.campaign-grid{grid-template-columns:1fr}.campaign-channel-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-buttons{justify-content:stretch}.campaign-buttons button{flex:1 1 180px}}
@media(max-width:560px){.campaign-channel-checks{grid-template-columns:1fr}.campaign-card{padding:14px}.campaign-export{flex-direction:column}.campaign-export .button{width:100%;text-align:center}}


/* Stage 9.4 — Collection Builder */
.collection-studio{background:linear-gradient(145deg,rgba(38,27,21,.99),rgba(15,12,11,.99));border-color:rgba(205,167,106,.3)}
.collection-toolbar{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;padding:18px;border:1px solid rgba(202,164,111,.18);border-radius:18px;background:rgba(255,255,255,.02)}
.collection-candidates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.collection-candidate{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #3a3027;border-radius:13px;background:#13100e;cursor:pointer;transition:.18s ease}.collection-candidate:hover{border-color:#765b39;transform:translateY(-1px)}.collection-candidate.anchor{border-color:#8b6d43;background:linear-gradient(145deg,#1d1510,#15110e)}.collection-candidate input{margin-top:3px}.collection-candidate>div{display:grid;gap:3px}.collection-candidate strong{color:#eadac2;font-size:12px}.collection-candidate span{color:#978b7b;font-size:10px}.collection-candidate small{color:#c4a46c;font-size:8px;letter-spacing:.08em}
.collection-locks{grid-template-columns:1fr}.collection-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.collection-plan{display:grid;gap:16px}.collection-bible-head{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:18px;border-radius:17px;border:1px solid rgba(211,175,112,.22);background:linear-gradient(145deg,#211711,#14100e)}.collection-bible-head small,.collection-rules>small{display:block;color:#c8a66e;font-size:9px;letter-spacing:.14em;font-weight:900}.collection-bible-head input{font-size:22px;font-weight:800;margin:6px 0;background:rgba(0,0,0,.18)}.collection-bible-score{min-width:90px;aspect-ratio:1;border:1px solid #6a5134;border-radius:50%;display:grid;place-content:center;text-align:center;background:#110e0c}.collection-bible-score span{font-size:25px;color:#e4bf7e;font-weight:900}.collection-bible-score small{font-size:8px;color:#958879}.collection-shared-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-shared-grid label{padding:12px;border:1px solid #352c25;border-radius:13px;background:#12100e}.collection-rules{display:flex;gap:8px;flex-wrap:wrap;padding:14px;border:1px solid #342b23;border-radius:13px;background:#100e0c}.collection-rules>small{width:100%}.collection-rules span{font-size:10px;color:#bcae9b;border:1px solid #393027;border-radius:999px;padding:6px 9px}.collection-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.collection-article{padding:16px;border:1px solid rgba(202,164,111,.18);border-radius:17px;background:linear-gradient(145deg,#1b1511,#110f0d)}.collection-article-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.collection-article-head small{color:#c49f67;font-size:8px;letter-spacing:.13em}.collection-article-head h4{margin:3px 0;color:#eadbc5}.collection-article-head>span{font-size:8px;color:#ddb978;border:1px solid #684f31;border-radius:999px;padding:5px 7px}.collection-article textarea,.collection-article input{background:rgba(0,0,0,.22)}
@media(max-width:900px){.collection-toolbar,.collection-shared-grid,.collection-article-grid{grid-template-columns:1fr}.collection-candidates{grid-template-columns:1fr}.collection-actions button{flex:1 1 180px}}
@media(max-width:560px){.collection-bible-head{grid-template-columns:1fr}.collection-bible-score{min-width:72px;width:72px}.collection-actions{display:grid}.collection-actions button{width:100%}}

/* Stage 9.6 — users, roles and client/reviewer portal */
.optional{font-size:.76rem;color:var(--muted);font-weight:500}.login-hint{font-size:.78rem;color:var(--muted);line-height:1.45;margin:.6rem 0 0}.account-badge{display:flex;align-items:flex-end;flex-direction:column;gap:1px;border:1px solid var(--line);border-radius:12px;padding:7px 11px;line-height:1.05;background:rgba(255,255,255,.02)}.account-badge strong{font-size:.8rem}.account-badge span{font-size:.62rem;letter-spacing:.12em;color:var(--gold)}
.access-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);gap:18px;align-items:start}.user-brand-access{margin-bottom:18px}.user-list,.audit-list,.review-history{display:grid;gap:10px}.user-row,.audit-row,.review-item{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.user-row>div:first-child,.audit-row>div:first-child{display:flex;flex-direction:column;gap:3px}.user-row span,.user-row small,.audit-row span,.audit-row small{color:var(--muted);font-size:.8rem}.user-row-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.temp-password{color:var(--gold);user-select:all}.audit-panel{margin-top:18px}.audit-row strong{font-size:.88rem}.audit-row>small{white-space:nowrap}.review-portal{margin-top:18px}.review-actions{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.review-actions>div{display:flex;gap:8px;flex-wrap:wrap}.review-item{display:block}.review-item>div{display:flex;justify-content:space-between;gap:10px}.review-item>div span{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:var(--gold)}.review-item p{margin:8px 0;color:var(--text)}.review-item small{color:var(--muted)}.review-item.approve{border-color:rgba(85,190,118,.45)}.review-item.changes_requested{border-color:rgba(232,176,78,.45)}
.review-only #saveDnaBtn,.review-only #lockDnaBtn,.review-only #reanalyseDnaBtn,.review-only #conceptBtn,.review-only #poseBtn,.review-only #productionStartBtn,.review-only #videoStoryboardBtn,.review-only #saveStoryboardBtn,.review-only #videoRenderBtn,.review-only #campaignBuildBtn,.review-only #campaignSaveBtn,.review-only #campaignExportBtn,.review-only #collectionBuildBtn,.review-only #collectionSaveBtn,.review-only #collectionApplyBtn,.review-only [data-repair],.review-only [data-refresh],.review-only [data-master]{display:none!important}.review-only #shootForm input,.review-only #shootForm textarea,.review-only #shootForm select,.review-only #dnaEditor input,.review-only #dnaEditor textarea,.review-only #dnaUnknown,.review-only #dnaRisks,.review-only #dnaLocks{pointer-events:none;opacity:.78}.review-only .wizard-nav{display:none}.review-only .wizard-shell{grid-template-columns:1fr}
@media(max-width:900px){.access-layout{grid-template-columns:1fr}.review-actions{grid-template-columns:1fr}.account-badge{display:none}.user-row,.audit-row{align-items:flex-start;flex-direction:column}.user-row-actions{justify-content:flex-start}.audit-row>small{white-space:normal}}

/* Stage 9.7 — Cost & Usage Intelligence */
.usage-head-actions{display:flex;gap:10px;align-items:center}.usage-head-actions select{min-width:120px}.usage-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.usage-alerts{display:grid;gap:10px;margin:0 0 16px}.usage-alert{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:13px;border:1px solid var(--line);background:#15110f}.usage-alert.warning{border-color:rgba(219,165,80,.55);color:#e6c081}.usage-alert.critical{border-color:rgba(215,91,84,.62);background:rgba(105,30,27,.2);color:#f0a19b}.usage-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:18px 0}.usage-trend{height:210px;display:flex;align-items:flex-end;gap:6px;padding:18px 6px 4px;border-bottom:1px solid var(--line);overflow-x:auto}.trend-col{height:100%;min-width:24px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.trend-col span{display:block;width:68%;min-height:3px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#d9b774,#74562f);box-shadow:0 0 18px rgba(211,173,102,.15)}.trend-col small{font-size:8px;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg);height:34px}.usage-bars{display:grid;gap:13px}.usage-bar{display:grid;gap:7px}.usage-bar>div{display:flex;justify-content:space-between;gap:12px}.usage-bar strong{font-size:.86rem}.usage-bar span{font-size:.73rem;color:var(--muted)}.usage-bar i{height:8px;border-radius:999px;background:#0c0a09;border:1px solid #32281f;overflow:hidden}.usage-bar b{display:block;height:100%;background:linear-gradient(90deg,#6b4e2d,#d9b774);border-radius:inherit}.usage-table{display:grid}.usage-table-head,.usage-table-row{display:grid;grid-template-columns:minmax(180px,1.5fr) .55fr .7fr .7fr;gap:12px;align-items:center;padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.usage-table-head{font-size:.68rem;color:#b99b68;letter-spacing:.11em;text-transform:uppercase;font-weight:900}.usage-table-row strong{font-size:.82rem}.usage-table-row span{font-size:.78rem;color:var(--muted)}.usage-event-grid{grid-template-columns:minmax(220px,1.5fr) .8fr .6fr .6fr}.usage-event-grid>div{display:flex;flex-direction:column;gap:3px}.usage-event-grid small{color:var(--muted);font-size:.67rem}.usage-budget-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rate-card{display:grid;grid-template-columns:minmax(150px,1.3fr) repeat(4,minmax(85px,.6fr)) auto;gap:9px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.rate-card>div{display:flex;flex-direction:column;gap:3px}.rate-card small{font-size:.65rem;color:var(--muted)}.rate-card label{font-size:.68rem}.rate-card input{padding:9px}.rate-card button{white-space:nowrap}
@media(max-width:1050px){.usage-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-layout{grid-template-columns:1fr}.rate-grid{grid-template-columns:1fr}.rate-card{grid-template-columns:repeat(2,minmax(0,1fr))}.rate-card>div{grid-column:1/-1}.rate-card button{grid-column:1/-1}}
@media(max-width:700px){.usage-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-head-actions{width:100%;align-items:stretch}.usage-head-actions select,.usage-head-actions button{flex:1}.usage-table{overflow-x:auto}.usage-table-head,.usage-table-row{min-width:620px}.usage-budget-form{grid-template-columns:1fr}.rate-card{grid-template-columns:1fr}.rate-card>div,.rate-card button{grid-column:auto}.trend-col{min-width:20px}}

/* Stage 9.8 — Asset Library */
.asset-toolbar{margin-bottom:18px}.asset-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(180px,.7fr)) auto;gap:14px;align-items:end}.asset-filters label{margin:0}.check-inline{display:flex!important;align-items:center;gap:9px;padding:0 0 11px}.check-inline input{width:auto!important}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.asset-card{background:linear-gradient(180deg,rgba(49,34,29,.96),rgba(26,19,17,.98));border:1px solid rgba(214,174,118,.2);border-radius:22px;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.18)}.asset-visual{position:relative;aspect-ratio:4/5;background:#18110f;overflow:hidden}.asset-visual img{width:100%;height:100%;object-fit:cover;display:block}.asset-no-preview{height:100%;display:grid;place-items:center;color:var(--muted);font-size:13px}.asset-favorite{position:absolute;right:12px;top:12px;width:38px;height:38px;padding:0;border-radius:999px;background:rgba(18,12,10,.78);border:1px solid rgba(255,255,255,.18);font-size:20px;line-height:1}.asset-favorite.active{color:#f2c97d;border-color:rgba(242,201,125,.55)}.asset-copy{padding:16px}.asset-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.asset-head small{color:var(--muted);text-align:right}.asset-copy h4{font-size:18px;margin:0 0 8px}.asset-copy p{min-height:36px;color:var(--muted);font-size:13px;margin:8px 0 14px}.asset-tags{display:flex;flex-wrap:wrap;gap:6px}.asset-tags span{font-size:10px;padding:5px 7px;border:1px solid rgba(214,174,118,.16);border-radius:999px;color:#d9c1a5;background:rgba(214,174,118,.06)}.asset-actions{display:flex;flex-wrap:wrap;gap:8px}.asset-actions .button,.asset-actions button{font-size:11px;padding:9px 11px}
@media(max-width:1100px){.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-filters{grid-template-columns:1fr}.asset-card{border-radius:16px}.asset-copy{padding:12px}.asset-copy h4{font-size:15px}.asset-actions{display:grid;grid-template-columns:1fr 1fr}.asset-actions .button,.asset-actions button{width:100%;text-align:center}.check-inline{padding-bottom:0}}
@media(max-width:480px){.asset-grid{grid-template-columns:1fr}}

/* Stage 9.9 — secure external client review portal */
.external-share{margin-top:22px;padding-top:22px;border-top:1px solid var(--line,#343138)}
.external-share-form{display:grid;grid-template-columns:1fr 1fr 160px auto auto;gap:12px;align-items:end}
.external-share-form label{display:grid;gap:6px;color:var(--muted,#aaa);font-size:13px}.external-share-form input,.external-share-form select{width:100%;min-height:44px}.external-share-form .share-download{display:flex;align-items:center;gap:8px;min-height:44px}.external-share-form .share-download input{width:auto;min-height:0}
.review-link-result{margin-top:14px;border:1px solid #6d572d;background:#19140c;border-radius:16px;padding:14px}.review-link-result>div{display:flex;gap:8px;margin-top:9px}.review-link-result input{flex:1;min-width:0}.review-link-result small{display:block;margin-top:8px;color:var(--muted,#aaa)}
.review-links-list{display:grid;gap:9px;margin-top:14px}.review-link-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--line,#343138);border-radius:14px;padding:12px 14px;background:#111115}.review-link-row>div{display:grid;gap:2px}.review-link-row span,.review-link-row small{color:var(--muted,#aaa)}.review-link-row.revoked{opacity:.55}
@media(max-width:900px){.external-share-form{grid-template-columns:1fr 1fr}.external-share-form button{width:100%}.review-link-result>div{flex-wrap:wrap}.review-link-result input{flex-basis:100%}}
@media(max-width:560px){.external-share-form{grid-template-columns:1fr}.review-link-row{align-items:flex-start}.review-link-result>div>*{width:100%;text-align:center}}

/* Stage 10.0 — Production hardening + unified interaction system */
.dt-toast-host{position:fixed;right:18px;top:88px;z-index:9999;display:grid;gap:10px;width:min(420px,calc(100vw - 28px));pointer-events:none}.dt-toast{pointer-events:auto;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:14px 15px;border:1px solid rgba(214,174,118,.28);border-radius:16px;background:rgba(18,14,12,.96);box-shadow:0 18px 55px rgba(0,0,0,.42);backdrop-filter:blur(18px);opacity:0;transform:translateY(-8px) scale(.985);transition:opacity .18s ease,transform .18s ease}.dt-toast.show{opacity:1;transform:none}.dt-toast>div{display:grid;gap:4px}.dt-toast strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.dt-toast span{font-size:13px;line-height:1.45;color:var(--text)}.dt-toast button{border:0;background:transparent;color:var(--muted);font-size:22px;padding:0;min-width:auto;line-height:1}.dt-toast.success{border-color:rgba(76,187,118,.45)}.dt-toast.success strong{color:#72d996}.dt-toast.error{border-color:rgba(216,91,84,.55)}.dt-toast.error strong{color:#ef9a94}.dt-toast.warning{border-color:rgba(225,175,77,.55)}
button,.button,[role="button"]{transition:transform .14s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,opacity .18s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:not(:disabled):hover,.button:hover{transform:translateY(-1px)}button.button-pressed,.button.button-pressed,button:not(:disabled):active,.button:active{transform:translateY(1px) scale(.985)!important}button:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(222,183,113,.78);outline-offset:2px}.tabs{position:sticky;top:0;z-index:48;background:rgba(12,11,12,.91);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.045);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap}.is-loading{position:relative;cursor:wait!important;opacity:.88}.is-loading:after{content:"";display:inline-block;width:12px;height:12px;margin-left:9px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;vertical-align:-2px;animation:dt-spin .7s linear infinite}@keyframes dt-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){header{position:sticky;top:0;z-index:60}.dt-toast-host{top:74px;right:10px;width:calc(100vw - 20px)}main{padding-left:14px!important;padding-right:14px!important}.tabs{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.tabs button{min-height:48px}.panel,.login-card,.modal-card{border-radius:17px}.grid.two{grid-template-columns:1fr}.header-actions{gap:7px}.header-actions button{min-height:42px}.operation-progress{left:10px!important;right:10px!important;width:auto!important;bottom:10px!important}.creative-chat-drawer{max-width:none!important;width:calc(100vw - 16px)!important;right:8px!important;bottom:8px!important;max-height:84vh}.creative-chat-fab{right:12px!important;bottom:12px!important}.project-row{align-items:flex-start}.project-meta{align-items:flex-end}.project-row-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.project-row-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Stage 10.1 — real video outputs */
.video-outputs{margin-top:18px}.video-output-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:12px}.video-output-head span{font-size:12px;opacity:.7}.video-output-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.video-output-card{border:1px solid var(--line,#d8d0c7);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.45)}.video-output-card video{display:block;width:100%;aspect-ratio:9/16;max-height:520px;background:#111;object-fit:contain}.video-output-card>div{padding:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.video-output-card>div strong{flex:1 1 140px}.video-output-card>div span{font-size:12px;opacity:.65}.video-output-card .button{margin-left:auto}@media(max-width:640px){.video-output-head{align-items:flex-start;flex-direction:column}.video-output-grid{grid-template-columns:1fr}.video-output-card video{max-height:70vh}}

/* Stage 10.3 — System Health & Recovery */
.ops-overall{margin-bottom:18px}
.ops-overall-line{display:flex;align-items:center;justify-content:space-between;gap:20px}
.ops-overall-line h3{margin:.2rem 0 .35rem}
.health-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border,#2d2d33);border-radius:999px;padding:7px 10px;font-size:12px;white-space:nowrap}
.health-badge.ok{color:#90e6aa;border-color:#2d6b40;background:rgba(34,112,61,.12)}
.health-badge.bad{color:#ffb2a9;border-color:#793a34;background:rgba(138,45,35,.12)}
.ops-warning{margin-top:14px;padding:11px 13px;border:1px solid #6b5227;border-radius:10px;background:rgba(131,93,31,.12);color:#e7c77c}
.ops-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}
.ops-card{border:1px solid var(--border,#2d2d33);border-radius:16px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012))}
.ops-card.degraded{border-color:#5f4332}
.ops-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.ops-card h4{margin:0}
.ops-card>strong{display:block;font-size:19px;margin-bottom:7px;color:var(--gold,#d7b879)}
.ops-card p{margin:0;color:var(--muted,#aaa);font-size:13px;line-height:1.45}
.failed-job{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--border,#2d2d33)}
.failed-job:last-child{border-bottom:0}
.failed-job strong{display:block;margin-bottom:4px}
.failed-job p{margin:0 0 4px;color:#e19a90}
.failed-job small{color:var(--muted,#999)}
@media(max-width:1100px){.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ops-grid{grid-template-columns:1fr}.ops-overall-line,.failed-job{align-items:flex-start;flex-direction:column}.failed-job button{width:100%}}


/* Stage 10.4 — final UX polish */
.release-readiness{margin:18px 0;padding:18px;border:1px solid var(--line,#ded8cf);border-radius:18px;background:rgba(255,255,255,.5)}
.release-score{display:flex;align-items:baseline;gap:10px;margin:8px 0 16px}.release-score strong{font-size:30px}.release-score span{color:var(--muted,#756f68)}
.release-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.release-check{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;border:1px solid var(--line,#ded8cf);background:rgba(255,255,255,.72)}.release-check>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800}.release-check.ready>span{background:#e7f5ea}.release-check.pending>span{background:#fff0df}.release-check small{display:block;margin-top:2px;color:var(--muted,#756f68)}
button:disabled,.button:disabled{cursor:not-allowed;opacity:.58;transform:none!important}.empty{min-height:110px;display:grid;place-content:center;text-align:center}.project-row,.asset-card,.ops-card{transition:transform .16s ease,box-shadow .16s ease}.project-row:hover,.asset-card:hover,.ops-card:hover{transform:translateY(-1px)}
body.is-offline::before{content:'Offline — reconnect to continue AI operations';position:fixed;left:50%;top:10px;transform:translateX(-50%);z-index:9999;background:#2c2621;color:#fff;padding:8px 14px;border-radius:999px;font-size:12px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
@media(max-width:760px){.release-check-grid{grid-template-columns:1fr}.release-readiness{padding:14px}.tabs{scroll-snap-type:x proximity}.tabs button{scroll-snap-align:start;min-height:44px}button,.button,input,select,textarea{font-size:16px}.project-row-actions{gap:8px}.project-row-actions button{min-height:42px}.operation-progress{left:12px;right:12px;bottom:12px;width:auto}}
@media(prefers-reduced-motion:reduce){.project-row,.asset-card,.ops-card{transition:none}.project-row:hover,.asset-card:hover,.ops-card:hover{transform:none}}

/* Stage 10.6 — Installable PWA + update experience */
.pwa-banner{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:10050;width:min(720px,calc(100vw - 28px));transform:translate(-50%,18px);opacity:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(220,182,111,.32);border-radius:18px;background:rgba(14,13,14,.96);box-shadow:0 20px 60px rgba(0,0,0,.45);backdrop-filter:blur(18px);transition:opacity .22s ease,transform .22s ease}
.pwa-banner.show{opacity:1;transform:translate(-50%,0)}
.pwa-banner-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(220,182,111,.55);border-radius:12px;color:#f2ddb3;background:#171518;font-family:Georgia,serif;font-weight:700;letter-spacing:.04em}
.pwa-banner-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.pwa-banner-copy strong{color:#f4e9d2;font-size:14px}.pwa-banner-copy span{color:#bfb5a6;font-size:12px;line-height:1.35}
.pwa-banner-actions{display:flex;gap:8px;align-items:center}.pwa-banner-actions button{white-space:nowrap;min-height:40px}
.pwa-banner[data-mode="update"]{border-color:rgba(220,182,111,.58)}
@media(max-width:640px){.pwa-banner{grid-template-columns:auto minmax(0,1fr);padding:13px;bottom:max(10px,env(safe-area-inset-bottom));border-radius:16px}.pwa-banner-actions{grid-column:1/-1;width:100%}.pwa-banner-actions button:first-child{flex:1}.pwa-banner-actions .ghost{min-width:76px}}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}header{padding-top:max(12px,env(safe-area-inset-top))}}

/* Stage 10.7 — Cost Controls */
.ai-assist-switch{display:flex;align-items:center;gap:8px;border:1px solid rgba(222,183,111,.28);border-radius:999px;padding:8px 11px;cursor:pointer;background:rgba(222,183,111,.05);font-size:12px;white-space:nowrap}.ai-assist-switch input{width:16px;height:16px;accent-color:#deb76f;margin:0}.ai-assist-switch b{color:#deb76f}.cost-control-panel{margin-top:18px}.cost-control-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.4fr) minmax(260px,1.5fr);gap:16px;align-items:stretch}.cost-control-grid label{margin:0}.cost-control-grid label small{display:block;margin-top:7px;color:#9898a0;line-height:1.45}.cost-summary{border:1px solid rgba(222,183,111,.25);border-radius:14px;padding:15px;background:rgba(222,183,111,.055);display:flex;flex-direction:column;gap:7px;justify-content:center}.cost-summary strong{color:#ebc77f}.cost-summary span{color:#aaaab1;font-size:12px;line-height:1.5}
@media(max-width:900px){.cost-control-grid{grid-template-columns:1fr 1fr}.cost-summary{grid-column:1/-1}.header-actions{gap:8px}.ai-assist-switch span{font-size:11px}}
@media(max-width:620px){.cost-control-grid{grid-template-columns:1fr}.cost-summary{grid-column:auto}.ai-assist-switch{order:-1;width:100%;justify-content:center}.header-actions{flex-wrap:wrap}.header-actions .account-badge{display:none!important}}

/* Stage 10.8 — iOS-style mobile UX + multi-industry + external prompt */
.mobile-tabbar,.mobile-more-sheet{display:none}
.generation-inspiration{margin:16px 0 20px;padding:16px;border:1px solid rgba(211,180,124,.22);border-radius:16px;background:rgba(211,180,124,.035)}
.generation-inspiration-head,.external-video-prompt-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.generation-inspiration-head h4{margin:4px 0 6px}.generation-inspiration-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.generation-inspiration-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.external-video-prompt{margin:14px 0;padding:15px;border:1px solid var(--line);border-radius:16px;background:#0f0f13}.external-video-prompt-head{margin-bottom:10px}.external-video-prompt-head div{display:grid;gap:4px}.external-video-prompt textarea{font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
@media(max-width:700px){
  body{font-size:14px;padding-bottom:78px}main{padding:12px 12px 88px!important;max-width:100vw;overflow-x:hidden}header{height:62px;padding:0 12px!important;background:rgba(11,11,13,.96);border-bottom-color:rgba(255,255,255,.08)}.brand{gap:9px}.mark.small{width:34px;height:34px;border-radius:10px;font-size:14px}.brand small{font-size:8px;letter-spacing:.16em}.brand h1{font-size:17px;margin:1px 0}.header-actions{margin-left:auto;gap:6px;flex-wrap:nowrap}.header-actions #modeBadge,.header-actions .account-badge{display:none!important}.header-actions #logoutBtn{padding:8px 10px;min-height:36px;font-size:12px}.ai-assist-switch{padding:7px 9px;width:auto!important;order:0!important}.ai-assist-switch span{font-size:10px!important}.ai-assist-switch input{width:14px;height:14px}
  .tabs{display:none!important}.mobile-tabbar{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));height:62px;z-index:8000;background:rgba(20,20,24,.94);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:5px;box-shadow:0 14px 44px rgba(0,0,0,.45);backdrop-filter:blur(22px)}.mobile-tabbar button{padding:5px 3px;min-height:50px;background:transparent;border:0;color:#898994;display:flex;flex-direction:column;gap:2px;border-radius:15px;font-weight:600}.mobile-tabbar button span{font-size:18px;line-height:20px}.mobile-tabbar button b{font-size:9.5px;letter-spacing:0}.mobile-tabbar button.active{background:rgba(211,180,124,.12);color:var(--gold2)}
  .mobile-more-sheet{display:block;position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.48);backdrop-filter:blur(8px)}.mobile-more-sheet.hidden{display:none!important}.mobile-sheet-card{position:absolute;left:10px;right:10px;bottom:max(78px,calc(env(safe-area-inset-bottom) + 72px));padding:10px;background:#19191e;border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.mobile-sheet-head{display:flex;justify-content:space-between;align-items:center;padding:5px 5px 9px}.mobile-sheet-head button{padding:7px 10px;min-height:34px}.mobile-sheet-card>[data-mobile-more]{width:100%;justify-content:flex-start;background:transparent;color:var(--text);border-top:1px solid rgba(255,255,255,.07);border-radius:0;padding:14px 8px}
  .hero{padding:16px 0 8px;gap:14px}.hero h2,.section-head h2{font-size:29px;line-height:1.05;margin:7px 0 10px;max-width:100%}.hero p,.section-head p{font-size:13px;line-height:1.5}.hero>button,.section-head>button{width:auto;justify-self:start;padding:10px 14px;min-height:40px}.panel{padding:15px;margin:12px 0;border-radius:18px}.panel h3{font-size:24px;margin:3px 0 12px}.panel-title{align-items:flex-start;gap:10px}.eyebrow,small{font-size:9.5px;letter-spacing:.14em}.muted{font-size:12.5px;line-height:1.5}.stats{grid-template-columns:repeat(2,1fr)!important;gap:8px}.stats article{padding:14px;border-radius:14px}.stats strong{font-size:28px}.stats span{font-size:11px}.grid,.grid.two,.choice-grid,.review-grid{gap:10px}.choice span{min-height:72px;padding:13px}.choice b{font-size:14px}.choice small{font-size:11px}.checks{gap:7px}.checks label{padding:8px 10px;font-size:12px}.wizard-shell{gap:8px}.wizard-nav{display:flex;overflow-x:auto;gap:5px;padding:0 0 4px;margin:0 -12px;padding-left:12px;scrollbar-width:none}.wizard-nav::-webkit-scrollbar{display:none}.wizard-step{min-width:auto;padding:7px 9px;margin:0;font-size:11px;gap:6px;border-radius:12px}.wizard-step span{width:22px;height:22px;font-size:10px}.wizard-panel{padding-top:14px}.wizard-actions{position:sticky;bottom:72px;z-index:30;margin:18px -15px -15px;padding:10px 15px;background:rgba(21,21,25,.96);backdrop-filter:blur(16px)}.wizard-actions button{flex:0 1 auto;min-width:96px;padding:10px 14px}.dropzone{padding:18px}.preview,.cards{gap:8px}.project-row{padding:13px;display:grid;gap:10px}.project-row-actions{display:flex!important;flex-wrap:wrap}.project-row-actions button{width:auto!important;flex:1 1 110px}.dna-toolbar,.director-workspace,.production-toolbar,.campaign-toolbar{display:grid!important;grid-template-columns:1fr!important}.analysis-actions,.video-actions,.concept-footer-actions,.production-buttons,.stage-title-actions{justify-content:flex-start}.analysis-actions button,.video-actions button,.concept-footer-actions button,.production-buttons button,.stage-title-actions button,.stage-title-actions .button{width:auto!important;padding:10px 12px;font-size:12px;min-height:40px}.generation-inspiration-grid{grid-template-columns:1fr}.generation-inspiration{padding:13px}.generation-inspiration-head,.external-video-prompt-head{display:grid;grid-template-columns:1fr}.generation-inspiration-actions{align-items:flex-start}.generation-inspiration-actions button{width:auto}.video-controls{grid-template-columns:1fr!important}.external-video-prompt{padding:12px}.cost-control-grid{grid-template-columns:1fr!important;gap:10px}.cost-summary{grid-column:auto!important;padding:12px}input,select,textarea{font-size:15px!important;padding:11px 12px;border-radius:12px}button,.button{font-size:13px;padding:10px 14px;border-radius:12px;min-height:40px}.pwa-banner{bottom:max(78px,calc(env(safe-area-inset-bottom) + 72px))}
}


/* =========================================================
   STAGE 10.10 — MOBILE APP SHELL / iOS-LIKE RESPONSIVE PASS
   This final layer intentionally overrides legacy breakpoint
   rules so mobile never falls back to squeezed desktop UI.
   ========================================================= */
.mobile-director-toggle{display:none}

@media (max-width:700px){
  :root{--mobile-edge:12px;--mobile-nav-h:64px}
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{
    font-size:13px!important;
    line-height:1.45;
    padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 18px)!important;
    background:#0b0b0d;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }

  /* App header */
  header{
    height:58px!important;
    min-height:58px!important;
    padding:0 10px!important;
    gap:8px;
    background:rgba(11,11,13,.92)!important;
    backdrop-filter:blur(24px) saturate(1.2);
    -webkit-backdrop-filter:blur(24px) saturate(1.2);
    border-bottom:1px solid rgba(255,255,255,.065)!important;
  }
  .brand{gap:8px!important;min-width:0}
  .mark.small{width:30px!important;height:30px!important;border-radius:9px!important;font-size:12px!important}
  .brand small{display:none!important}
  .brand h1{font:600 15px/1.1 Inter,Arial,sans-serif!important;white-space:nowrap}
  .header-actions{gap:5px!important;min-width:0}
  .header-actions #modeBadge,.header-actions .account-badge{display:none!important}
  .ai-assist-switch{
    width:auto!important;min-width:0!important;margin:0!important;
    padding:5px 7px!important;border-radius:10px!important;
    background:#151519!important;border:1px solid rgba(255,255,255,.08)!important;
  }
  .ai-assist-switch span{font-size:9px!important;white-space:nowrap}
  .ai-assist-switch input{width:12px!important;height:12px!important}
  #logoutBtn{
    width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;
    font-size:0!important;border-radius:10px!important
  }
  #logoutBtn::after{content:"↪";font-size:17px;line-height:1;font-weight:500}

  /* Never show desktop tabs on phones. */
  main>.tabs,.tabs{display:none!important;visibility:hidden!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important}
  #mobileTabBar.mobile-tabbar{
    display:grid!important;visibility:visible!important;
    position:fixed!important;left:8px!important;right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    height:var(--mobile-nav-h)!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    z-index:10000!important;padding:5px!important;margin:0!important;
    border-radius:20px!important;
    background:rgba(23,23,28,.92)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.48)!important;
    backdrop-filter:blur(26px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(26px) saturate(1.25)!important;
  }
  #mobileTabBar button{
    min-width:0!important;width:auto!important;height:54px!important;min-height:54px!important;
    padding:5px 2px!important;margin:0!important;border-radius:15px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
    background:transparent!important;color:#8d8d97!important;border:0!important;
    box-shadow:none!important;transform:none!important;
  }
  #mobileTabBar button.active{color:#f0cf91!important;background:rgba(211,180,124,.105)!important}
  #mobileTabBar button b{font:600 9px/1.1 Inter,Arial,sans-serif!important;letter-spacing:0!important}
  .mobile-nav-icon{width:20px;height:20px;display:grid;place-items:center}
  .mobile-nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-nav-icon svg circle{fill:currentColor;stroke:none}

  .mobile-more-sheet{z-index:11000!important}
  .mobile-sheet-card{left:8px!important;right:8px!important;padding:10px!important;border-radius:22px!important}
  .mobile-sheet-card>[data-mobile-more]{min-height:42px!important;padding:11px 9px!important;font-size:13px!important}

  /* Content rhythm */
  main{
    width:100%!important;max-width:100vw!important;
    padding:10px var(--mobile-edge) calc(var(--mobile-nav-h) + 30px)!important;
    overflow-x:hidden!important;
  }
  .hero{display:grid!important;grid-template-columns:1fr!important;padding:13px 0 8px!important;gap:10px!important}
  .hero h2,.section-head h2{
    font:600 25px/1.08 Georgia,serif!important;
    letter-spacing:-.025em!important;margin:5px 0 7px!important;
  }
  .hero p,.section-head p{font-size:12.5px!important;line-height:1.48!important;margin:0!important}
  .hero>button,.section-head>button{width:max-content!important;max-width:100%!important;min-height:38px!important}
  .section-head{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:14px 0 5px!important}
  .panel{
    width:100%!important;min-width:0!important;
    padding:13px!important;margin:10px 0!important;border-radius:16px!important;
    background:linear-gradient(145deg,#151519,#111115)!important;
  }
  .panel-title{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:start!important}
  .panel h3{font:600 20px/1.15 Georgia,serif!important;margin:2px 0 9px!important}
  .panel h4{font-size:15px!important;line-height:1.35!important}
  .eyebrow,small{font-size:8.5px!important;letter-spacing:.12em!important}
  .muted{font-size:11.5px!important;line-height:1.45!important}
  .pill,.status{font-size:9px!important;padding:5px 8px!important}

  /* Buttons: compact by default; only explicit primary forms may span. */
  button,.button{
    width:auto!important;max-width:100%!important;
    min-height:38px!important;padding:9px 12px!important;
    border-radius:11px!important;font-size:12px!important;line-height:1.15!important;
  }
  form>button[type="submit"]:only-of-type{width:auto!important}
  .row,.analysis-actions,.video-actions,.concept-footer-actions,.production-buttons,.stage-title-actions,.wizard-actions,.user-form-actions,.modal-actions{
    display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important;justify-content:flex-start!important
  }
  .row>*{flex:0 1 auto!important}
  .project-row-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}
  .project-row-actions button{width:100%!important;min-width:0!important}
  .analysis-actions button,.video-actions button,.concept-footer-actions button,.production-buttons button,.stage-title-actions button{
    flex:0 1 auto!important;width:auto!important
  }

  /* Forms */
  label{font-size:11.5px!important;gap:6px!important;margin-bottom:11px!important}
  input,select,textarea{
    width:100%!important;min-width:0!important;
    padding:10px 11px!important;border-radius:11px!important;
    font-size:13px!important;line-height:1.35!important;
  }
  textarea{max-height:124px!important}
  .grid,.grid.two,.grid.three,.dna-grid,.brand-picker-row,.generation-inspiration-grid,.video-controls,
  .campaign-toolbar,.collection-toolbar,.access-layout,.usage-layout,.ops-grid{
    grid-template-columns:minmax(0,1fr)!important;gap:9px!important
  }

  /* Dashboard */
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .stats article{padding:11px!important;border-radius:13px!important}
  .stats strong{font-size:25px!important;line-height:1!important}
  .stats span{font-size:10px!important}
  .project-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:11px!important;border-radius:13px!important}
  .project-row h4{margin:2px 0!important;font-size:13px!important}
  .project-row p,.project-meta span{font-size:10.5px!important}
  .project-meta{justify-content:space-between!important;gap:7px!important}

  /* Wizard becomes a compact horizontal step strip. */
  .wizard-shell{grid-template-columns:1fr!important;gap:6px!important}
  .wizard-nav{
    position:static!important;display:flex!important;overflow-x:auto!important;
    margin:0 calc(var(--mobile-edge) * -1)!important;padding:2px var(--mobile-edge) 6px!important;
    gap:5px!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;
  }
  .wizard-nav::-webkit-scrollbar{display:none!important}
  .wizard-nav h3,.wizard-nav>.eyebrow{display:none!important}
  .wizard-step{
    flex:0 0 auto!important;width:auto!important;min-width:auto!important;min-height:34px!important;
    padding:6px 8px!important;margin:0!important;gap:5px!important;
    border-radius:10px!important;font-size:10px!important;scroll-snap-align:start!important
  }
  .wizard-step span{width:19px!important;height:19px!important;font-size:9px!important}
  .wizard-panel{min-height:0!important;padding-top:7px!important}
  .wizard-actions{
    position:sticky!important;bottom:calc(var(--mobile-nav-h) + 12px)!important;
    margin:14px -13px -13px!important;padding:9px 13px!important;
    z-index:50!important;background:rgba(21,21,25,.94)!important;
    backdrop-filter:blur(18px)!important;border-radius:0 0 15px 15px!important
  }

  /* AI review: short summary first, details only on demand. */
  .director-workspace{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .director-dialogue{
    display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;
    gap:9px!important;padding:11px!important;border-radius:14px!important;
  }
  .ai-avatar{width:28px!important;height:28px!important;min-width:28px!important;font-size:9px!important;border-radius:9px!important}
  .director-dialogue small{font-size:8px!important}
  #directorSummary{
    margin:4px 0 7px!important;
    font:600 14px/1.38 Inter,Arial,sans-serif!important;
    letter-spacing:-.01em!important;
    display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;
    overflow:hidden!important;max-height:58px!important
  }
  .director-dialogue:not(.mobile-expanded) .director-list{display:none!important}
  .director-dialogue.mobile-expanded #directorSummary{
    display:block!important;max-height:none!important;overflow:visible!important
  }
  .director-dialogue.mobile-expanded .director-list{display:grid!important}
  .mobile-director-toggle{
    display:inline-flex!important;width:max-content!important;min-height:31px!important;
    padding:6px 9px!important;margin:0!important;font-size:10px!important
  }
  .director-list{gap:5px!important;margin-top:8px!important}
  .director-list strong{font-size:11px!important}
  .director-list span{font-size:11px!important;line-height:1.43!important}
  .dna-toolbar{padding:8px 0 10px!important;margin-bottom:9px!important}
  .dna-toolbar-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important}
  .vision-coverage{grid-template-columns:1fr!important;gap:8px!important}
  .coverage-chips{gap:5px!important}
  .coverage-chips span{font-size:9.5px!important;padding:5px 7px!important}
  .reference-advice span{font-size:10.5px!important;line-height:1.4!important}

  /* Product Truth is a deliberate accordion on mobile. */
  .dna-details{margin-top:8px!important;border-radius:13px!important}
  .dna-details>summary{
    min-height:42px!important;padding:11px 12px!important;
    font-size:12px!important;font-weight:700!important;cursor:pointer!important
  }
  .dna-details[open]>summary{border-bottom:1px solid rgba(255,255,255,.07)!important}
  .dna-details .dna-grid,.dna-details>.grid,.dna-details>label{padding-left:10px!important;padding-right:10px!important}
  .dna-details .dna-grid{padding-top:10px!important}
  .dna-details>label:last-child{padding-bottom:10px!important}

  /* Generated cards / concept workspaces */
  .preview,.cards,.concept-grid,.creative-deck-grid,.asset-grid,.campaign-grid,.collection-article-grid{
    grid-template-columns:1fr!important;gap:9px!important
  }
  .concept-card,.asset-card,.campaign-card{border-radius:14px!important}
  .generation-rail{
    display:flex!important;overflow-x:auto!important;gap:5px!important;white-space:nowrap!important;
    margin:0 -13px 10px!important;padding:2px 13px 7px!important;scrollbar-width:none!important
  }
  .generation-rail::-webkit-scrollbar{display:none!important}
  .generation-rail span{font-size:9px!important;padding:5px 7px!important}

  /* Client review / long panels */
  .review-actions,.external-share-form,.review-link-row,.audit-row,.failed-job{
    grid-template-columns:1fr!important
  }
  .external-share-form{gap:8px!important}
  pre{font-size:10.5px!important;line-height:1.45!important;max-height:240px!important;padding:11px!important}

  /* The progress UI is a centered native-like task card, never a corner bar. */
  .operation-progress{
    position:fixed!important;
    left:50%!important;top:50%!important;bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:min(340px,calc(100vw - 30px))!important;
    padding:15px!important;border-radius:18px!important;
    z-index:12000!important;
    box-shadow:0 0 0 100vmax rgba(4,4,7,.52),0 25px 70px rgba(0,0,0,.55)!important;
    background:rgba(20,17,15,.985)!important;
    backdrop-filter:blur(22px)!important;
  }
  .operation-progress-head strong{font-size:12px!important}
  .operation-progress-head span{font-size:12px!important}
  .operation-progress-track{height:6px!important;margin:10px 0 8px!important}
  .operation-progress small{font-size:10px!important;line-height:1.35!important;letter-spacing:0!important}

  /* PWA install/update prompt stays clear of bottom nav. */
  .pwa-banner{
    left:8px!important;right:8px!important;
    bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 16px)!important;
    width:auto!important;max-width:none!important;padding:10px!important;border-radius:16px!important
  }
  .pwa-banner-copy strong{font-size:11px!important}
  .pwa-banner-copy span{font-size:9.5px!important;line-height:1.35!important}
  .pwa-banner-actions button{min-height:34px!important;padding:7px 9px!important;font-size:10px!important}

  /* Floating chat clears native app navigation. */
  .creative-chat-fab{right:10px!important;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 18px)!important}
  .creative-chat-drawer{left:8px!important;right:8px!important;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 10px)!important;width:auto!important;max-height:72vh!important;border-radius:20px!important}
}

@media (max-width:390px){
  :root{--mobile-edge:10px}
  .hero h2,.section-head h2{font-size:23px!important}
  .panel{padding:11px!important}
  #mobileTabBar.mobile-tabbar{left:6px!important;right:6px!important}
  .mobile-nav-icon svg{width:18px;height:18px}
  #mobileTabBar button b{font-size:8.5px!important}
}

@media (display-mode:standalone) and (max-width:700px){
  header{padding-top:env(safe-area-inset-top)!important;height:calc(58px + env(safe-area-inset-top))!important}
}

/* Stage 10.11 — dynamic industry wizard */
.talent-reference-box{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#101014}
.panel-title.compact{margin-bottom:10px}
.compact-dropzone{min-height:100px}
.compact-preview{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:10px}
@media(max-width:700px){
  .talent-reference-box{padding:11px;margin-top:10px;border-radius:13px}
  #subjectModeChoices.choice-grid{grid-template-columns:1fr!important}
  #subjectModeChoices .choice{min-height:58px!important;padding:9px!important}
  #subjectModeChoices .choice b{font-size:12px!important}
  #subjectModeChoices .choice small{font-size:10px!important;line-height:1.35!important}
  #outputChoices,#lockChoices{display:flex!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:5px!important}
  #outputChoices::-webkit-scrollbar,#lockChoices::-webkit-scrollbar{display:none!important}
  #outputChoices label,#lockChoices label{flex:0 0 auto!important;white-space:nowrap!important;padding:7px 9px!important;font-size:10.5px!important}
}

/* Stage 11 — Easy/Advanced workflow, guided repair, voice studio */
.header-select{min-width:118px;background:#17171b;color:#fff;border:1px solid #323238;border-radius:10px;padding:9px 10px}
.workflow-toggle{display:flex;border:1px solid #303036;border-radius:11px;padding:3px;background:#151518}.workflow-toggle button{padding:7px 10px;border:0;background:transparent;color:#a9a9b2;border-radius:8px}.workflow-toggle button.active{background:#fff;color:#111}
.workflow-mode-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:12px 14px;border:1px solid #303036;border-radius:14px;background:#151518}.workflow-mode-strip div{display:grid;gap:2px}.workflow-mode-strip span{font-size:12px;color:#a9a9b2}.workflow-hidden{display:none!important}
.easy-workflow .advanced-only{display:none!important}.easy-workflow .creative-deck,.easy-workflow .fashion-review,.easy-workflow .copy-pose-prompt{display:none}.easy-workflow .ai-suggestion-toolbar{display:none}
.brand-card-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.brand-card-row .brand-card{width:100%}.brand-quick-delete{align-self:center}
.brand-editor-actions{display:flex;gap:8px}.generation-estimate{display:grid;gap:4px;padding:14px;border:1px solid #3a3a41;border-radius:14px;margin-bottom:14px;background:#121215}.generation-estimate strong{font-size:13px}.generation-estimate span{font-size:18px;font-weight:800}.generation-estimate small{color:#92929a}
.audio-studio-panel{max-width:900px}.audio-actions,.audio-result{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.audio-result{margin-top:16px;padding:14px;border:1px solid #303036;border-radius:14px}.audio-result audio{flex:1;min-width:260px}.tiny{font-size:11px}
@media(max-width:780px){.header-actions .header-select{display:none}.workflow-toggle{order:5;width:100%}.workflow-toggle button{flex:1}.workflow-mode-strip{align-items:flex-start}.brand-card-row{grid-template-columns:1fr}.brand-quick-delete{justify-self:end}.audio-result audio{min-width:100%;width:100%}}
.inline-cost-estimate{display:flex;justify-content:flex-end;gap:8px;align-items:center;margin:10px 0;color:#a9a9b2;font-size:12px}.inline-cost-estimate strong{color:#fff}.easy-workflow .recheck-qa,.easy-workflow .fashion-review,.easy-workflow .copy-pose-prompt,.easy-workflow .save-library,.easy-workflow .production-workspace,.easy-workflow .campaign-studio,.easy-workflow .collection-studio{display:none!important}

/* Stage 11.1 — Shoot Needs + Shared Talent Profile */
.shoot-needs-section{margin-bottom:22px}
.shoot-needs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.shoot-need-card{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border:1px solid var(--border,#2c2c35);border-radius:16px;background:rgba(255,255,255,.018);cursor:pointer;transition:.18s ease}
.shoot-need-card:hover{transform:translateY(-1px);border-color:rgba(222,181,82,.48)}
.shoot-need-card:has(input:checked){border-color:rgba(222,181,82,.65);background:rgba(222,181,82,.08);box-shadow:inset 0 0 0 1px rgba(222,181,82,.08)}
.shoot-need-card input{margin-top:3px}
.shoot-need-card span{display:grid;gap:4px}.shoot-need-card b{font-size:15px}.shoot-need-card small{color:var(--muted,#9a9aa6);line-height:1.45}
.talent-profile-panel{margin:0 0 24px;padding:18px;border:1px solid rgba(222,181,82,.26);border-radius:18px;background:linear-gradient(180deg,rgba(222,181,82,.055),rgba(255,255,255,.018))}
.talent-profile-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.talent-profile-head h4{margin:3px 0 5px}.talent-profile-head p{margin:0}
.talent-profile-fields{margin-top:14px}.grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.two-choice{grid-template-columns:repeat(2,minmax(0,1fr))}
.audio-talent-match{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 16px;margin-bottom:16px;border:1px solid rgba(222,181,82,.25);border-radius:14px;background:rgba(222,181,82,.05)}
.audio-talent-match>div{display:grid;gap:4px}.audio-talent-match small{letter-spacing:.08em;color:var(--muted,#9a9aa6)}.audio-talent-match strong{font-size:14px}.audio-talent-match span{font-size:12px;line-height:1.4}
@media(max-width:760px){.shoot-needs-grid,.grid.three,.two-choice{grid-template-columns:1fr}.talent-profile-head,.audio-talent-match{flex-direction:column;align-items:stretch}.audio-talent-match button{width:100%}}

/* Stage 12 — outcome-first orchestration */
.creation-goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.creation-goal{cursor:pointer}.creation-goal input{position:absolute;opacity:0;pointer-events:none}.creation-goal span{display:flex;min-height:104px;flex-direction:column;gap:7px;padding:17px;border:1px solid #302e32;border-radius:16px;background:#121216;transition:.18s ease}.creation-goal b{font-size:14px;color:#f5efe5}.creation-goal small{color:#aaa1a4;line-height:1.4;letter-spacing:0}.creation-goal input:checked+span{border-color:#d9ae62;background:linear-gradient(145deg,rgba(217,174,98,.13),rgba(18,18,22,.96));box-shadow:0 0 0 1px rgba(217,174,98,.12),0 12px 35px rgba(0,0,0,.18)}
.project-context-grid,.conditional-brief{margin-top:16px}.conditional-brief{padding:16px;border:1px solid #302e32;border-radius:16px;background:#111115}.reference-source-actions{display:flex;gap:10px;margin:16px 0}.upload-action{position:relative;overflow:hidden}.reference-confidence{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center;padding:16px;border:1px solid;border-radius:18px;margin:12px 0 16px;background:#111115;transition:.2s}.confidence-ring{width:78px;height:78px;border-radius:50%;display:grid;place-content:center;text-align:center;border:4px solid currentColor}.confidence-ring strong{font-size:22px}.confidence-ring span{font-size:7px;letter-spacing:.12em}.confidence-high{color:#83d7a4;border-color:rgba(84,202,130,.65);box-shadow:0 0 24px rgba(84,202,130,.08)}.confidence-mid{color:#e5bd66;border-color:rgba(229,189,102,.8);box-shadow:0 0 28px rgba(229,189,102,.14)}.confidence-low{color:#ee8079;border-color:rgba(238,86,79,.8);box-shadow:0 0 28px rgba(238,86,79,.15)}.reference-confidence p{color:#bcb4b7;margin:6px 0}.coverage-chips .covered{border-color:rgba(84,202,130,.45);color:#bce8ca}.reference-continue-note{display:flex;align-items:center;gap:12px;margin-top:12px}.camera-card{width:min(760px,calc(100vw - 24px))}.camera-stage{position:relative;overflow:hidden;border-radius:18px;background:#050506;aspect-ratio:4/3}.camera-stage video{width:100%;height:100%;object-fit:cover}.camera-guide-frame{position:absolute;inset:12%;border:2px solid rgba(238,201,125,.9);border-radius:24px;box-shadow:0 0 0 999px rgba(0,0,0,.18)}.camera-instruction{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:min(90%,560px);padding:10px 14px;text-align:center;border-radius:12px;background:rgba(8,8,10,.82);color:#fff;backdrop-filter:blur(12px)}.camera-shot-progress{display:flex;justify-content:space-between;padding:12px 2px}.pwa-banner{left:50vw!important;right:auto!important;transform:translate(-50%,18px)!important}.pwa-banner.show{transform:translate(-50%,0)!important}
@media(max-width:900px){.creation-goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.creation-goal-grid{grid-template-columns:1fr 1fr;gap:8px}.creation-goal span{min-height:92px;padding:13px}.creation-goal b{font-size:12px}.creation-goal small{font-size:10px!important}.reference-confidence{grid-template-columns:66px 1fr;padding:12px;gap:12px}.confidence-ring{width:60px;height:60px;border-width:3px}.confidence-ring strong{font-size:17px}.reference-source-actions{position:sticky;bottom:124px;z-index:25;background:rgba(17,17,20,.94);padding:8px 0;backdrop-filter:blur(14px)}.reference-source-actions>*{flex:1}.camera-card{padding:10px}.camera-stage{aspect-ratio:3/4}.pwa-banner{left:50vw!important;width:calc(100vw - 20px)!important;bottom:max(78px,calc(env(safe-area-inset-bottom) + 72px))!important}}

/* Stage 12.0 Hotfix 2 — single loading spinner + progress control order */
button.is-loading:before{content:none!important;display:none!important}
button.is-loading{padding-left:18px!important}
button.is-loading:after{margin-left:10px!important;margin-right:0!important}
.operation-progress-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important}
.operation-progress-controls #operationProgressPct{order:1!important;min-width:38px!important;text-align:right!important}
.operation-progress-controls #operationCancelBtn{order:2!important;margin:0!important}
@media(max-width:650px){.operation-progress-head{gap:12px!important}.operation-progress-controls{gap:10px!important}.operation-progress-controls #operationCancelBtn{min-height:36px!important;padding:7px 12px!important}}

/* Stage 12.1 — audited UX/reliability polish */
button:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.modal-card{max-height:min(88vh,900px);overflow:auto;overscroll-behavior:contain}
.mobile-workflow-controls{display:none}.mobile-logout-action{display:none}
@media(max-width:700px){
  /* Keep the phone header calm: workflow/profile/logout live in More instead of competing with the brand. */
  .header-actions .workflow-toggle,.header-actions #logoutBtn,.header-actions .header-select{display:none!important}
  .mobile-workflow-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 5px 10px;border-top:1px solid rgba(255,255,255,.07)}
  .mobile-workflow-controls label{margin:0!important;font-size:10px!important;color:#aaa5ad!important}
  .mobile-workflow-controls select{min-height:38px!important;padding:8px 9px!important;font-size:12px!important}
  .mobile-logout-action{display:flex!important;width:100%!important;justify-content:flex-start!important;background:transparent!important;color:#ffaaa5!important;border-top:1px solid rgba(255,255,255,.07)!important;border-radius:0!important;padding:13px 8px!important}
  .modal-card{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 28px)!important;padding:13px!important;border-radius:18px!important}
  .camera-card{max-height:calc(100dvh - 18px)!important}
}
@media(max-width:430px){
  .creation-goal-grid{grid-template-columns:1fr!important}
  .creation-goal span{min-height:0!important;padding:12px 13px!important}
  .mobile-workflow-controls{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Stage 13 — production completion polish */
.camera-live-status{display:grid;grid-template-columns:minmax(120px,.35fr) 1fr;gap:14px;align-items:center;margin-top:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(7,7,10,.72)}
.camera-live-status div{display:flex;flex-direction:column;gap:4px}.camera-live-status span{font-size:10px;letter-spacing:.12em;opacity:.65}.camera-live-status strong{font-size:22px}.camera-live-status p{margin:0;font-size:13px;line-height:1.45}.camera-score-ready{color:#8fe7b5}.camera-score-mid{color:#f2cf77}.camera-score-low{color:#ff8b8b}
.push-enable{white-space:nowrap}.design-finisher{overflow:hidden}.exact-copy-result{display:grid;grid-template-columns:minmax(160px,300px) 1fr;gap:18px;margin-top:16px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.025)}.exact-copy-result img{width:100%;max-height:420px;object-fit:cover;border-radius:12px}.exact-copy-result>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px;justify-content:center}.exact-copy-result span{opacity:.7}
@media(max-width:720px){.camera-live-status{grid-template-columns:1fr;gap:8px}.camera-live-status strong{font-size:18px}.exact-copy-result{grid-template-columns:1fr}.exact-copy-result img{max-height:58vh}.push-enable{display:none}}


/* Stage 13.2 — cloud continuity, auth bootstrap, centered mobile Create */
.auth-bootstrap{position:fixed;inset:0;z-index:5000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0b0b0e;color:#f6f2e9;text-align:center}.auth-bootstrap .mark{width:54px;height:54px}.auth-bootstrap strong{font-family:Georgia,serif;font-size:28px}.auth-bootstrap span{color:#aaa5a2;font-size:13px}.auth-checking #loginView,.auth-checking #appView{display:none!important}
.active-work-panel{border-color:rgba(220,185,112,.35)}.active-work-panel.hidden{display:none}.active-job-card{padding:16px 0;border-top:1px solid rgba(255,255,255,.08)}.active-job-card:first-child{border-top:0}.active-job-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.active-job-head>div{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center}.active-job-head strong{grid-column:2}.active-job-head small{grid-column:2;color:var(--muted)}.active-job-head>b{font-size:20px;color:var(--gold)}.live-dot{width:9px;height:9px;border-radius:50%;background:#e1bb72;box-shadow:0 0 0 5px rgba(225,187,114,.12);animation:dtPulse 1.7s infinite;grid-row:1/3}.cloud-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;margin:12px 0 8px}.cloud-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b78a42,#e1c17f);transition:width .4s ease}.active-job-card p{margin:0 0 10px;color:var(--muted)}.active-job-actions{display:flex;gap:10px;flex-wrap:wrap}@keyframes dtPulse{50%{opacity:.5;transform:scale(.9)}}
.environment-direction-panel{margin:18px 0;padding:18px;border:1px solid rgba(220,185,112,.25);border-radius:18px;background:rgba(255,255,255,.018)}.environment-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.environment-preset-grid label{cursor:pointer}.environment-preset-grid input{position:absolute;opacity:0}.environment-preset-grid span{display:flex;min-height:48px;align-items:center;justify-content:center;padding:10px;border:1px solid var(--line);border-radius:14px;text-align:center;font-weight:700}.environment-preset-grid input:checked+span{border-color:var(--gold);color:var(--gold);background:rgba(218,177,99,.09)}
@media(max-width:780px){.mobile-tabbar{grid-template-columns:repeat(5,1fr)!important}.mobile-create-primary{transform:translateY(-9px);border:1px solid rgba(225,187,114,.55)!important;background:linear-gradient(180deg,rgba(225,187,114,.22),rgba(225,187,114,.08))!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(0,0,0,.35)}.mobile-create-primary .mobile-nav-icon{width:31px!important;height:31px!important;border-radius:50%;background:var(--gold);color:#111!important}.mobile-create-primary .mobile-nav-icon svg{stroke:#111!important}.environment-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.active-job-actions>*{flex:1}.account-badge{cursor:pointer}}
@media(max-width:420px){.environment-preset-grid{grid-template-columns:1fr}}

.global-active-job{border:1px solid rgba(225,187,114,.35);background:rgba(225,187,114,.08);color:#e1bb72;border-radius:999px;padding:8px 11px;font-weight:800;white-space:nowrap}.global-active-job.hidden{display:none}@media(max-width:780px){.global-active-job{position:fixed;top:70px;right:12px;z-index:90;font-size:11px;padding:7px 9px}}

.mobile-workspace-btn{display:none}@media(max-width:780px){.mobile-workspace-btn{display:inline-flex!important;min-width:38px!important;padding:7px 9px!important}.header-actions #pushEnableBtn{display:none!important}}

/* Stage 13.2.1 final audit — cross-device attention state */
.cloud-attention-panel{border-color:rgba(229,126,111,.34);box-shadow:inset 0 0 0 1px rgba(229,126,111,.035)}
.cloud-attention-panel .eyebrow{color:#ef9b8f}
.cloud-failed-card{border-color:rgba(229,126,111,.26)!important;background:linear-gradient(180deg,rgba(54,25,23,.20),rgba(19,19,23,.96))!important}
.failure-dot{width:9px;height:9px;border-radius:50%;background:#e57e6f;box-shadow:0 0 0 5px rgba(229,126,111,.12),0 0 18px rgba(229,126,111,.35);display:inline-block;margin-right:8px;vertical-align:middle}
.cloud-failure-reason{color:#ffc1b8!important;line-height:1.5!important;overflow-wrap:anywhere}
@media(max-width:780px){.cloud-attention-panel .panel-title{display:grid!important;gap:8px}.cloud-failed-card .active-job-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.cloud-failed-card .active-job-actions button{width:100%!important}}


/* Stage 13.2.2 — Updated brand mark + in-app transition preloader */
.brand-logo-shell{display:grid;place-items:center;flex:0 0 auto;position:relative}
.brand-logo{display:block;width:100%;height:100%;object-fit:contain;border:0}
.header-logo-shell{width:46px;height:46px;border-radius:13px;overflow:hidden;box-shadow:0 0 0 1px rgba(222,183,111,.24),0 8px 24px rgba(0,0,0,.28)}
.header-logo{width:46px;height:46px}
.login-logo-shell{width:76px;height:76px;border-radius:20px;overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.42)}
.login-logo{width:76px;height:76px}
.splash-logo-shell{width:92px;height:92px;border-radius:24px;overflow:visible}
.splash-logo{width:92px;height:92px;border-radius:24px;filter:drop-shadow(0 14px 34px rgba(0,0,0,.5));animation:dtLogoFloat 2.2s ease-in-out infinite}
.auth-bootstrap .splash-logo-shell{width:92px;height:92px}
.pwa-banner-icon{padding:0;overflow:hidden;border-color:rgba(220,182,111,.38)}
.pwa-banner-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

.page-transition-loader{position:fixed;inset:0;z-index:6500;display:grid;place-items:center;padding:24px;background:rgba(7,7,9,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:1;transition:opacity .2s ease}
.page-transition-loader.hidden{display:none!important}
.page-transition-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:190px;padding:24px 28px;border:1px solid rgba(222,183,111,.18);border-radius:24px;background:linear-gradient(145deg,rgba(18,18,22,.96),rgba(10,10,13,.96));box-shadow:0 24px 80px rgba(0,0,0,.48);text-align:center}
.transition-logo-shell{width:76px;height:76px;margin-bottom:4px}
.transition-logo{width:68px;height:68px;border-radius:19px;z-index:2;animation:dtLoaderLogo 1.55s ease-in-out infinite;filter:drop-shadow(0 9px 26px rgba(222,183,111,.12))}
.loader-orbit{position:absolute;inset:-6px;border-radius:28px;border:1px solid rgba(222,183,111,.16);border-top-color:rgba(235,199,126,.9);border-right-color:rgba(235,199,126,.42);animation:dtLoaderOrbit 1.15s linear infinite;box-shadow:0 0 28px rgba(222,183,111,.08)}
.page-transition-card strong{font-family:Georgia,serif;font-size:19px;color:#f7f1e7}
.page-transition-card>span:not(.loader-orbit){font-size:12px;color:#aaa5a2}
@keyframes dtLoaderOrbit{to{transform:rotate(360deg)}}
@keyframes dtLoaderLogo{0%,100%{transform:scale(.96);opacity:.9}50%{transform:scale(1.025);opacity:1}}
@keyframes dtLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

@media(max-width:640px){
  .header-logo-shell,.header-logo{width:40px;height:40px}
  .header-logo-shell{border-radius:12px}
  .login-logo-shell,.login-logo{width:68px;height:68px}
  .splash-logo-shell,.splash-logo,.auth-bootstrap .splash-logo-shell{width:82px;height:82px}
  .page-transition-card{min-width:174px;padding:22px 24px;border-radius:21px}
  .transition-logo-shell{width:70px;height:70px}
  .transition-logo{width:62px;height:62px}
}
@media(prefers-reduced-motion:reduce){
  .splash-logo,.transition-logo,.loader-orbit{animation:none!important}
}

/* Stage 13.3 — mobile app hardening */
html,body{max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:100dvh}
img,video,canvas,svg,iframe{max-width:100%}
*{min-width:0}
.dt-toast-host{left:50%!important;right:auto!important;top:92px!important;transform:translateX(-50%);width:min(440px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important}
.dt-toast{width:100%;max-width:100%;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}
.dt-toast>div{min-width:0;max-width:calc(100% - 38px)}
.dt-toast span,.dt-toast small{overflow-wrap:anywhere;word-break:break-word}
.dt-toast button{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:999px!important;padding:0!important;margin:-3px -3px 0 0!important;line-height:1!important}
.dt-exit-modal{position:fixed;inset:0;z-index:16000;display:grid;place-items:center;padding:18px;background:rgba(4,4,7,.66);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.dt-exit-card{width:min(360px,calc(100vw - 32px));padding:22px;border:1px solid rgba(222,183,111,.22);border-radius:24px;background:linear-gradient(145deg,rgba(24,22,22,.99),rgba(12,12,15,.99));box-shadow:0 28px 90px rgba(0,0,0,.58);text-align:center}
.dt-exit-card h3{margin:4px 0 8px;font:24px Georgia,serif}.dt-exit-card p{margin:0;color:var(--muted);line-height:1.5;font-size:13px}.dt-exit-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.dt-exit-actions button{width:100%;min-height:46px}.dt-exit-actions .exit-no{background:transparent;color:var(--text);border:1px solid var(--line)}
@media(max-width:700px){
  html,body{width:100%;max-width:100vw;overflow-x:hidden!important;touch-action:pan-y}
  body{padding-bottom:0!important;min-height:100dvh!important}
  #appView,#loginView,main,.tab,.panel,.wizard-shell,.wizard-panel{max-width:100%!important;overflow-x:hidden}
  main{width:100%!important;padding-bottom:calc(var(--mobile-nav-h,64px) + env(safe-area-inset-bottom) + 10px)!important}
  .dt-toast-host{top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;width:min(350px,calc(100vw - 30px))!important;z-index:15000!important}
  .dt-toast{border-radius:20px!important;padding:15px!important;box-shadow:0 0 0 100vmax rgba(4,4,7,.30),0 24px 70px rgba(0,0,0,.55)!important}
  .dt-toast-host .dt-toast+ .dt-toast{margin-top:8px}
  input,select,textarea{font-size:16px!important;max-width:100%}
  pre,.usage-table,.rate-card,.review-link-result,.external-share-form,.active-job-card,.cloud-failed-card{max-width:100%;overflow-wrap:anywhere}
  .row,.panel-title,.section-head,.project-row,.project-meta,.active-job-head{max-width:100%}
  [style*="width:"]{max-width:100%}
}


/* Stage 13.4 — professional responsive header + reviewed issue deletion */
@media (min-width:781px){
  header{padding-left:clamp(24px,3vw,52px)!important;padding-right:clamp(24px,3vw,52px)!important;gap:18px!important}
  header .brand{flex:0 0 auto;min-width:220px}
  header .header-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px!important;min-width:0;flex:1 1 auto}
  .header-actions .ai-assist-switch{flex:0 0 auto;padding:7px 9px;font-size:11px}
  .header-actions .header-select{width:clamp(150px,15vw,210px)!important;min-width:150px!important;max-width:210px!important;flex:0 1 210px!important;padding:9px 10px!important;font-size:14px!important}
  .header-actions .workflow-toggle{flex:0 0 auto;white-space:nowrap}
  .header-actions .workflow-toggle button{padding:7px 9px!important;font-size:13px!important;min-width:auto!important}
  .header-actions .account-badge{flex:0 0 auto;max-width:112px;padding:6px 9px!important;overflow:hidden}
  .header-actions .account-badge strong,.header-actions .account-badge span{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .header-actions #modeBadge{flex:0 0 auto;white-space:nowrap;padding:7px 10px}
  .header-actions #pushEnableBtn,.header-actions #logoutBtn,.header-actions #globalActiveJobIndicator{flex:0 0 auto;white-space:nowrap;padding:9px 11px!important;min-height:40px!important;font-size:13px!important}
}
@media (min-width:781px) and (max-width:1180px){
  header .brand{min-width:190px}.brand h1{font-size:22px}.brand small{font-size:10px}
  .header-actions .ai-assist-switch span{font-size:10px}.header-actions .header-select{width:145px!important;min-width:130px!important;flex-basis:145px!important}
  .header-actions .account-badge{display:none!important}.header-actions #pushEnableBtn{padding-inline:9px!important}
}
.cloud-failed-card .dismiss-cloud-job,.delete-failed-job{border-color:rgba(229,126,111,.38)!important;color:#ffc1b8!important}
.failed-job-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:780px){
  .cloud-failed-card .active-job-actions{grid-template-columns:1fr 1fr!important}
  .cloud-failed-card .dismiss-cloud-job{grid-column:1/-1}
  .failed-job-actions{width:100%}.failed-job-actions button{flex:1}
}


/* Stage 13.5 — focused step workspace + mobile interaction hardening */
body.studio-wizard-active #analysisPanel,
body.studio-wizard-active #conceptPanel,
body.studio-wizard-active #productionPanel,
body.studio-wizard-active #posePanel,
body.studio-wizard-active #designFinisherPanel,
body.studio-wizard-active #videoPanel,
body.studio-wizard-active #campaignPanel,
body.studio-wizard-active #collectionPanel,
body.studio-wizard-active #reviewPanel{display:none!important}
.wizard-step:disabled{opacity:.38;cursor:not-allowed}.wizard-step.visited:not(:disabled){opacity:1}
.wizard-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end}
#wizardBack,#wizardNext{width:54px;min-width:54px;font-size:25px;line-height:1;padding:8px}
.reference-source-actions>*{min-height:54px!important;display:flex;align-items:center;justify-content:center}
.new-article-action{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 20px;border-bottom:1px solid var(--line);margin-bottom:18px}.new-article-action span{color:var(--muted);font-size:12px}
html{scroll-behavior:smooth}body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}.wizard-page{contain:layout style}.reference-tile img{content-visibility:auto}
@media(max-width:650px){
  .wizard-actions{position:static!important;bottom:auto!important;z-index:auto!important;margin:18px 0 0!important;padding:12px 0 0!important;background:none!important;backdrop-filter:none!important;border-top:1px solid var(--line)}
  .reference-source-actions{position:static!important;bottom:auto!important;z-index:auto!important;background:none!important;backdrop-filter:none!important;padding:0!important}
  .reference-source-actions>*{height:56px!important;min-height:56px!important}
  .new-article-action{align-items:stretch;flex-direction:column}.new-article-action button{width:100%}
  .wizard-panel{overflow:visible}.wizard-page{min-width:0}.preview{overflow:visible}
}

/* Stage 14 — mobile-first guided accuracy flow + Omni-style sliding menu */
.header-leading{display:flex;align-items:center;gap:11px;min-width:0}.app-menu-btn{width:44px;height:44px;min-width:44px;padding:10px;display:inline-flex;flex-direction:column;justify-content:center;gap:5px;border-radius:12px}.app-menu-btn span{display:block;width:20px;height:2px;border-radius:9px;background:var(--gold2);transition:transform .2s ease,opacity .2s ease}.app-menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.app-menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}.app-menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.global-back-btn{min-height:42px;padding:9px 13px;white-space:nowrap}.global-back-btn:disabled{display:none}.app-drawer-backdrop{position:fixed;inset:0;z-index:12000;background:rgba(5,5,8,.44);backdrop-filter:blur(0);transition:background .23s ease,backdrop-filter .23s ease}.app-drawer-backdrop.is-open{background:rgba(5,5,8,.64);backdrop-filter:blur(9px)}.app-drawer{position:absolute;left:0;top:0;bottom:0;width:min(390px,88vw);background:linear-gradient(165deg,#17171c,#0f0f13 72%);border-right:1px solid rgba(211,180,124,.24);box-shadow:20px 0 70px rgba(0,0,0,.52);transform:translateX(-102%);transition:transform .23s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));overflow:auto}.app-drawer-backdrop.is-open .app-drawer{transform:translateX(0)}body.drawer-open{overflow:hidden}.app-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 18px;border-bottom:1px solid var(--line)}.app-drawer-brand{display:flex;align-items:center;gap:12px}.app-drawer-brand>div{display:grid;gap:3px}.app-drawer-brand strong{font:23px Georgia,serif}.drawer-close{width:42px;height:42px;padding:0;border-radius:50%;font-size:27px}.drawer-nav{display:grid;padding:14px 0}.drawer-nav button{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;text-align:left;justify-content:stretch;width:100%;background:transparent;color:var(--text);border:0;border-bottom:1px solid rgba(255,255,255,.06);border-radius:10px;padding:13px 10px}.drawer-nav button span{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--gold2)}.drawer-nav button b{font-weight:700}.mobile-workflow-controls{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px}.mobile-workflow-controls label{font-size:12px;margin:0}.mobile-workflow-controls select{padding:10px}.drawer-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px}.mobile-logout-action{background:#271816;color:#ffd6cf;border:1px solid #70443b}
.creation-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 18px}.creation-path,.media-format-grid label,.fashion-subject-grid label,.shoot-type-card{margin:0;cursor:pointer}.creation-path input,.media-format-grid input,.fashion-subject-grid input,.shoot-type-card input{position:absolute;opacity:0;pointer-events:none}.creation-path span,.media-format-grid span,.fashion-subject-grid span,.shoot-type-card span{display:grid;gap:6px;height:100%;min-height:108px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#101014}.creation-path b,.media-format-grid b,.fashion-subject-grid b,.shoot-type-card b{font-size:15px}.creation-path small,.media-format-grid small,.fashion-subject-grid small,.shoot-type-card small{letter-spacing:0;line-height:1.45;color:var(--muted)}.creation-path input:checked+span,.media-format-grid input:checked+span,.fashion-subject-grid input:checked+span,.shoot-type-card input:checked+span{border-color:var(--gold);background:#211b13;box-shadow:inset 0 0 0 1px #8a7047}.guided-choice-section{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(14,14,18,.62)}.guided-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.guided-section-head h4{font:24px Georgia,serif;margin:5px 0 7px}.guided-section-head p{margin-top:0}.shoot-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.media-format-grid,.fashion-subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.media-format-grid span,.fashion-subject-grid span,.shoot-type-card span{min-height:86px}.advanced-goal-map{margin-top:14px;border:1px solid var(--line);border-radius:13px;padding:12px 14px}.advanced-goal-map summary{cursor:pointer;color:var(--gold2);font-weight:700}.inspiration-media-preview{display:flex;flex-wrap:wrap;gap:8px}.inspiration-media-preview span,.persisted-inspiration{display:inline-flex;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.compact-dropzone{padding:16px}.capture-plan-panel{padding:16px;border:1px solid #66563b;border-radius:15px;background:#17140f;margin-bottom:14px}.capture-plan-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.capture-plan-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.capture-plan-checklist span{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}.capture-plan-checklist span.covered{border-color:#3d7550;color:var(--ok);background:#101a13}.capture-plan-checklist span.optional{opacity:.78}.camera-stage{position:relative}.camera-guide-frame{position:absolute;inset:11%;border:2px solid rgba(240,207,145,.72);border-radius:22px;pointer-events:none;box-shadow:0 0 0 9999px rgba(0,0,0,.12) inset}.camera-target-marker{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);border:2px solid var(--gold2);border-radius:50%;box-shadow:0 0 0 5px rgba(211,180,124,.18);pointer-events:none;opacity:.35}.camera-target-marker.detail-active{opacity:1}.camera-location-prompt{padding:12px;border:1px solid var(--line);border-radius:12px;background:#101014}.camera-location-prompt small{display:block;margin-top:6px;letter-spacing:0}.guided-repair-visual{position:relative;display:grid;place-items:center;max-height:58vh;overflow:hidden;border-radius:15px;background:#09090c;border:1px solid var(--line);cursor:crosshair}.guided-repair-visual img{max-width:100%;max-height:58vh;object-fit:contain}.repair-marker{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;padding:0;border-radius:50%;background:#ff4d3d;color:#fff;border:2px solid #fff;box-shadow:0 3px 18px #000a;z-index:2}.repair-location-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:11px 0}.repair-location-row strong{font-size:12px;color:var(--gold2)}.quality-export{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}.quality-export select{width:auto;min-width:135px;padding:9px 10px}.quality-export .button{min-height:40px;padding:9px 12px}.video-quality-export{margin-top:8px}.app-menu-btn,.global-back-btn{flex:0 0 auto}
@media(max-width:900px){.creation-path-grid,.shoot-type-grid,.media-format-grid,.fashion-subject-grid{grid-template-columns:1fr 1fr}.capture-plan-checklist{grid-template-columns:1fr}}
@media(max-width:700px){
  header{height:64px!important;padding:0 9px!important;gap:5px}.header-leading{gap:6px;min-width:0;flex:1 1 auto}.app-menu-btn{width:40px;height:40px;min-width:40px;padding:9px}.global-back-btn{width:38px;height:38px;min-width:38px;padding:0;font-size:18px}.global-back-btn b{display:none}.brand{gap:7px;min-width:0}.header-logo-shell{width:34px!important;height:34px!important;min-width:34px!important}.brand>div{min-width:0}.brand h1{font-size:15px!important;white-space:nowrap}.brand small{font-size:7px!important}.header-actions{flex:0 0 auto!important;gap:4px!important}.header-actions .workflow-toggle,.header-actions .header-select,.header-actions #pushEnableBtn,.header-actions #globalActiveJobIndicator,.header-actions #modeBadge,.header-actions .account-badge{display:none!important}.header-actions .ai-assist-switch{display:none!important}.header-actions #logoutBtn{display:inline-flex!important;width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;font-size:0!important;border-radius:11px}.header-actions #logoutBtn::after{content:"↪";font-size:18px;line-height:1}.tabs{display:none!important}.app-drawer{width:min(360px,89vw)}main{padding-top:11px!important}.wizard-shell{gap:10px}.wizard-nav{margin:0 -2px;padding:2px 0 7px!important;gap:5px}.wizard-step{padding:8px 10px!important;min-height:40px!important}.wizard-step span{width:24px;height:24px}.wizard-step b{font-size:11px}.wizard-panel{padding:16px!important}.wizard-panel h3{font-size:25px}.creation-path-grid,.shoot-type-grid,.media-format-grid,.fashion-subject-grid{grid-template-columns:1fr}.creation-path span{min-height:88px}.guided-choice-section{padding:14px;margin:13px 0}.guided-section-head{flex-direction:column}.guided-section-head button{width:100%}.capture-plan-checklist{grid-template-columns:1fr}.quality-export{display:grid;grid-template-columns:1fr 1fr}.quality-export select{grid-column:1/-1;width:100%}.quality-export .button{width:100%;font-size:12px}.repair-location-row{align-items:flex-start;flex-direction:column}.repair-location-row button{width:100%}.drawer-footer{grid-template-columns:1fr}.mobile-workflow-controls{grid-template-columns:1fr 1fr}.reference-source-actions{grid-template-columns:1fr!important}.wizard-actions{display:grid!important;grid-template-columns:54px 1fr 54px}.wizard-actions #wizardBack{grid-column:1}.wizard-actions #wizardNext{grid-column:3}.wizard-actions #wizardSubmit{grid-column:2/4;width:100%}.concept-actions,.pose-actions{display:grid!important;grid-template-columns:1fr 1fr}.concept-actions>.quality-export,.pose-actions>.quality-export{grid-column:1/-1}.concept-actions>a,.concept-actions>button,.pose-actions>a,.pose-actions>button{width:100%!important;min-width:0!important}.video-final-card>div{min-width:0}}
.shoot-type-grid label{margin:0;cursor:pointer}.shoot-type-grid label input{position:absolute;opacity:0;pointer-events:none}.shoot-type-grid label span{display:grid;gap:6px;height:100%;min-height:86px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#101014}.shoot-type-grid label b{font-size:15px}.shoot-type-grid label small{letter-spacing:0;line-height:1.45;color:var(--muted)}.shoot-type-grid label input:checked+span{border-color:var(--gold);background:#211b13;box-shadow:inset 0 0 0 1px #8a7047}
.reference-image-wrap{position:relative;border-radius:9px;overflow:hidden}.reference-image-wrap.can-mark{cursor:crosshair}.reference-point-marker{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ff4d3d;color:#fff;border:2px solid #fff;box-shadow:0 4px 16px #000a;font-weight:900}.reference-location-input{margin-top:7px!important;padding:9px 10px!important;font-size:12px!important}

/* Stage 15 — Premium Intelligence Flow: simpler, faster, mobile-first */
:root{
  --premium-gold:#d8b978;
  --premium-gold-2:#f2d79f;
  --premium-panel:rgba(17,17,21,.88);
  --premium-panel-2:rgba(23,20,17,.88);
  --premium-shadow:0 22px 70px rgba(0,0,0,.42);
}
body{background:radial-gradient(circle at 78% -10%,rgba(198,157,82,.07),transparent 32%),radial-gradient(circle at 10% 22%,rgba(255,255,255,.025),transparent 28%),#08080a}
.panel,.wizard-panel,.concept-card,.pose-card,.video-voice-studio,.brand-connections-panel,.shopify-picker,.product-truth-smart-summary{border-color:rgba(216,185,120,.18)!important;box-shadow:0 16px 52px rgba(0,0,0,.20)}
button,.button{border-radius:12px!important;transition:transform .12s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,filter .18s ease;will-change:transform}
button:not(.ghost):not(.danger),.button:not(.ghost){background:linear-gradient(145deg,#e0c081,#caa565)!important;color:#120f0b!important;border:1px solid rgba(255,232,184,.55)!important;box-shadow:0 8px 24px rgba(175,132,62,.18),inset 0 1px rgba(255,255,255,.32)}
button:not(:disabled):hover,.button:hover{filter:brightness(1.055);border-color:rgba(236,205,144,.55)!important}
button:not(:disabled):active,.button:active,.button-pressed{transform:translateY(2px) scale(.985)!important;box-shadow:0 2px 8px rgba(0,0,0,.25)!important;filter:brightness(.96)}
button:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(242,215,159,.75)!important;outline-offset:2px}

/* Progressive disclosure: intelligence stays in the engine unless an Expert asks for it. */
.experience-beginner .expert-detail:not(.force-visible),.experience-novice .expert-detail:not(.force-visible),
.experience-beginner .expert-action,.experience-novice .expert-action,
.experience-beginner .expert-step,.experience-novice .expert-step{display:none!important}
.experience-beginner .advanced-goal-map{display:none!important}
.experience-beginner .concept-spec-grid{display:none!important}
.experience-beginner .concept-keywords{display:none!important}
.experience-beginner .fashion-director,.experience-beginner .qa-inspector{display:none!important}
.experience-novice .creative-deck:not(.force-visible){display:none!important}

/* iOS-style global progress notification with background blur */
.operation-progress{position:fixed!important;z-index:22000!important;left:50%!important;bottom:max(24px,env(safe-area-inset-bottom))!important;top:auto!important;transform:translateX(-50%)!important;width:min(520px,calc(100vw - 32px))!important;padding:17px 18px 15px!important;border:1px solid rgba(226,194,130,.32)!important;border-radius:22px!important;background:linear-gradient(155deg,rgba(26,22,18,.96),rgba(12,12,15,.97))!important;box-shadow:0 28px 100px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.06)!important;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
.operation-progress-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.operation-progress-controls{display:flex;align-items:center;gap:9px}.operation-progress-track{height:6px!important;border-radius:99px!important;background:rgba(255,255,255,.09)!important;overflow:hidden;margin:12px 0 10px!important}.operation-progress-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#cda96a,#f0d69e)!important;box-shadow:0 0 18px rgba(226,190,120,.27);transition:width .3s ease}.operation-progress small{display:block;line-height:1.4}.operation-progress-eta{margin-top:4px;color:var(--gold2)!important;font-weight:700;letter-spacing:.02em}.operation-progress.success{border-color:rgba(81,174,112,.38)!important}.operation-progress.error{border-color:rgba(224,103,88,.45)!important}
body.operation-active header,body.operation-active main{filter:blur(6px) brightness(.72);transform:scale(.995);pointer-events:none;user-select:none;transition:filter .18s ease,transform .18s ease}
body.operation-active::after{content:"";position:fixed;inset:0;z-index:21990;background:rgba(4,4,7,.25);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:none}
body.operation-active .operation-progress{pointer-events:auto}

/* Brand DNA onboarding and account-level connections */
.brand-onboarding-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;margin:0 0 18px;border:1px solid rgba(216,185,120,.18);border-radius:17px;background:linear-gradient(140deg,rgba(30,25,18,.56),rgba(14,14,18,.7))}.brand-onboarding-tools>div{display:grid;gap:4px}.brand-onboarding-tools span{color:var(--muted);font-size:12px}.brand-dna-upload{cursor:pointer}
.brand-connections-panel,.shopify-picker,.video-voice-studio{padding:18px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(24,21,17,.62),rgba(13,13,17,.78));margin:18px 0}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.connection-card{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:15px;background:#101014}.connection-card.connected{border-color:rgba(72,156,98,.44);background:linear-gradient(145deg,rgba(14,29,18,.72),rgba(13,15,16,.9))}.connection-card>div:first-child{display:grid;gap:5px}.connection-card span{color:var(--muted);font-size:12px}.connection-card>div:last-child{display:flex;gap:8px;align-items:center}.connection-card input{min-width:210px}.connection-mini{display:inline-flex;padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:11px;color:var(--muted)}.connection-mini.ok{color:#a4e0b5;border-color:rgba(76,164,103,.44);background:rgba(38,96,55,.12)}
.brand-onboarding-modal{width:min(900px,calc(100vw - 32px))!important;max-height:min(88dvh,900px);overflow:auto}.brand-create-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}.brand-create-mode{min-height:128px;text-align:left;display:grid;align-content:center;gap:8px;padding:20px!important;background:linear-gradient(145deg,rgba(30,25,18,.85),rgba(15,15,19,.92))!important;color:var(--text)!important}.brand-create-mode strong{font-size:18px}.brand-create-mode span{font-size:12px;color:var(--muted);line-height:1.5}.brand-create-panel{padding:17px;border:1px solid var(--line);border-radius:16px;background:#101014}.dna-upload-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid rgba(216,185,120,.18);border-radius:14px;margin-bottom:12px}.dna-upload-hero>div{display:grid;gap:4px}.dna-upload-hero span{font-size:12px;color:var(--muted)}.dna-import-result{padding:14px;border-radius:13px;background:rgba(60,111,72,.12);border:1px solid rgba(77,156,96,.30)}

/* Shopify product-first workflow */
.shopify-product-tools{display:grid;grid-template-columns:1fr auto;gap:9px;margin:12px 0}.shopify-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:430px;overflow:auto;padding-right:3px}.shopify-product-card{margin:0}.shopify-product-card>button{width:100%;height:100%;display:grid;gap:8px;text-align:left;padding:10px!important;background:#101014!important;color:var(--text)!important;border:1px solid var(--line)!important}.shopify-thumb{aspect-ratio:1;display:grid;place-items:center;border-radius:11px;overflow:hidden;background:#09090b}.shopify-thumb img{width:100%;height:100%;object-fit:cover}.shopify-product-card strong{font-size:13px}.shopify-product-card small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Product Truth should read like an assurance layer, not a forensic report. */
.product-truth-smart-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;margin:0 0 16px;background:linear-gradient(140deg,rgba(33,27,18,.78),rgba(14,14,18,.82))}.product-truth-smart-summary h4{margin:4px 0 5px;font-size:20px}.truth-summary-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.truth-summary-actions .status{min-width:58px;text-align:center}.partial-result-banner{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;margin:0 0 12px;border:1px solid rgba(222,180,93,.34);border-radius:14px;background:rgba(86,62,20,.14)}.partial-result-banner span{color:var(--muted);font-size:12px;text-align:right}

/* In-app preview keeps the user in the current project. */
.image-lightbox{z-index:23000!important;background:rgba(3,3,5,.84)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.image-lightbox-card{width:min(1100px,calc(100vw - 30px));height:min(90dvh,900px);display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:14px;border:1px solid rgba(216,185,120,.28);border-radius:22px;background:#0d0d10;box-shadow:var(--premium-shadow)}.lightbox-head,.lightbox-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.image-lightbox-card>img{width:100%;height:100%;min-height:0;object-fit:contain;border-radius:14px;background:#070709}.lightbox-actions{justify-content:flex-end}.publish-modal-card{width:min(720px,calc(100vw - 32px))!important}.publish-actions,.video-script-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}.video-voice-result{display:grid;gap:10px;margin-top:12px}.video-voice-result audio{width:100%}.video-lipsync-preview{display:grid;grid-template-columns:minmax(180px,320px) 1fr;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:#0d0d10}.video-lipsync-preview video{width:100%;max-height:320px;border-radius:11px}.video-lipsync-preview>div{display:grid;gap:7px}.video-lipsync-preview span{color:var(--muted);font-size:12px}

/* Cleaner actions: core actions first, expert controls are progressively disclosed. */
.concept-actions,.pose-actions{gap:8px!important}.concept-actions>.publish-asset,.pose-actions>.publish-asset{border-color:rgba(216,185,120,.42)!important;color:var(--gold2)!important}.concept-actions>.guided-repair,.pose-actions>.guided-repair{border-color:rgba(242,215,159,.25)!important}.creative-deck{margin-top:10px}

@media(max-width:1000px){.shopify-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.connection-grid{grid-template-columns:1fr}.connection-card input{min-width:0}}
@media(max-width:700px){
  .operation-progress{bottom:calc(12px + env(safe-area-inset-bottom))!important;width:calc(100vw - 20px)!important;border-radius:20px!important;padding:15px!important}
  body.operation-active header,body.operation-active main{filter:blur(5px) brightness(.66)}
  .brand-onboarding-tools,.dna-upload-hero,.product-truth-smart-summary,.connection-card{align-items:stretch;flex-direction:column}.brand-onboarding-tools .button,.dna-upload-hero .button{width:100%}.brand-create-mode-grid{grid-template-columns:1fr}.brand-create-mode{min-height:105px}.brand-onboarding-modal{width:100vw!important;max-width:100vw!important;max-height:100dvh!important;height:100dvh!important;border-radius:0!important;padding:max(16px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))!important}
  .connection-card>div:last-child{display:grid;grid-template-columns:1fr;width:100%}.connection-card input,.connection-card button{width:100%}
  .shopify-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:55dvh}.shopify-product-tools{grid-template-columns:1fr}.shopify-product-tools button{width:100%}
  .truth-summary-actions{width:100%;justify-content:space-between}.partial-result-banner{align-items:flex-start;flex-direction:column}.partial-result-banner span{text-align:left}
  .image-lightbox-card{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.publish-modal-card{width:100vw!important;max-width:100vw!important;min-height:100dvh;border-radius:0!important;padding:max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom))!important}.publish-actions,.video-script-actions{display:grid;grid-template-columns:1fr}.publish-actions button,.video-script-actions button{width:100%}.video-lipsync-preview{grid-template-columns:1fr}.video-lipsync-preview video{max-height:52dvh}
  .video-voice-studio .grid.three{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){button,.button,.operation-progress-track span{transition:none!important}}
/* Stage 15 — outcome-first wizard refinements */
.brand-industry-field{max-width:520px}.product-identity-panel{padding:15px 0 4px;margin-bottom:14px}.project-purpose-panel{background:linear-gradient(145deg,rgba(28,23,17,.68),rgba(15,15,19,.78))}.project-audience-details{margin-top:12px;border-top:1px solid rgba(255,255,255,.07);padding-top:10px}.project-audience-details summary{cursor:pointer;color:var(--muted);font-size:12px}.storyboard-simple{display:grid;gap:4px;align-content:center}.storyboard-simple span{color:var(--muted);font-size:12px}.storyboard-scene{grid-template-columns:48px minmax(180px,.55fr) minmax(0,1.8fr)!important}.experience-beginner .beginner-hide{display:none!important}.experience-beginner #shootTypeSection{display:none!important}.experience-beginner #environmentDirectionPanel{display:none!important}.experience-beginner .project-audience-details{display:none!important}.experience-beginner [data-page="5"]>.ai-suggestion{display:none!important}.experience-beginner #wizardIndustryGuide .industry-points{display:none!important}.experience-beginner #wizardIndustryGuide{padding:12px 14px!important}.experience-novice .storyboard-scene,.experience-beginner .storyboard-scene{grid-template-columns:48px 1fr!important}.experience-expert .storyboard-simple{display:none!important}
@media(max-width:700px){.storyboard-scene{grid-template-columns:40px 1fr!important}.storyboard-scene .scene-fields{grid-column:1/-1}.product-identity-panel .grid.two{grid-template-columns:1fr!important}}

/* Stage 15.1 — complete Brand DNA builder without beginner overload */
.dna-build-intro{display:flex;flex-direction:column;gap:5px;padding:14px 16px;margin-bottom:14px;border:1px solid rgba(220,183,112,.28);border-radius:16px;background:linear-gradient(145deg,rgba(220,183,112,.08),rgba(255,255,255,.018))}.dna-build-intro strong{font-size:15px}.dna-build-intro span{font-size:12px;color:var(--muted)}
.brand-create-panel details{border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:0;margin-top:12px;background:rgba(255,255,255,.018);overflow:hidden}.brand-create-panel details>summary{cursor:pointer;list-style:none;padding:15px 16px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-create-panel details>summary::-webkit-details-marker{display:none}.brand-create-panel details>summary:after{content:'+';font-size:20px;color:var(--gold)}.brand-create-panel details[open]>summary:after{content:'−'}.brand-create-panel details>.grid{padding:0 16px 16px}.required-chip{font:700 10px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#f5d79b;border:1px solid rgba(220,183,112,.4);border-radius:999px;padding:5px 7px;margin-left:auto}.span-two{grid-column:1/-1}
@media(max-width:720px){.required-chip{font-size:9px}.brand-create-panel details>summary{align-items:flex-start}.span-two{grid-column:auto}}
.optional-inspiration{border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.018);margin:14px 0;overflow:hidden}.optional-inspiration>summary{cursor:pointer;padding:15px 16px;font-weight:800;list-style:none;display:flex;align-items:center;justify-content:space-between}.optional-inspiration>summary::-webkit-details-marker{display:none}.optional-inspiration>summary:after{content:'+';color:var(--gold);font-size:20px}.optional-inspiration[open]>summary:after{content:'−'}.optional-inspiration-body{padding:0 16px 16px}

/* Stage 15.1 — brand connections are visible inside the wizard, not hidden in Brand management. */
.wizard-brand-connections{margin:16px 0 4px;padding:17px;border:1px solid rgba(216,185,120,.22);border-radius:18px;background:linear-gradient(145deg,rgba(27,22,17,.66),rgba(12,12,16,.78))}.wizard-connection-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.wizard-connection-head h4{margin:3px 0 4px;font-size:18px}.wizard-connection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wizard-connection-grid .connection-card{display:grid;align-content:space-between;min-height:148px}.wizard-connection-grid .connection-card>div:last-child{display:grid;grid-template-columns:1fr;align-items:stretch}.wizard-connection-grid .connection-card input,.wizard-connection-grid .connection-card button{width:100%;min-width:0}.connection-setup-note{display:block;padding:10px 12px;border:1px dashed rgba(216,185,120,.24);border-radius:11px;color:var(--muted)!important;font-size:11px!important}.shopify-connect-prompt{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;margin:12px 0 16px;border:1px solid rgba(216,185,120,.28);border-radius:18px;background:linear-gradient(145deg,rgba(36,29,18,.72),rgba(14,14,18,.86))}.shopify-connect-prompt h4{margin:4px 0 5px;font-size:18px}.shopify-inline-connect{display:flex;gap:9px;align-items:center;min-width:min(440px,48%)}.shopify-inline-connect input{min-width:250px;flex:1}
@media(max-width:1100px){.wizard-connection-grid{grid-template-columns:1fr}.wizard-connection-grid .connection-card{min-height:0}.shopify-connect-prompt{align-items:stretch;flex-direction:column}.shopify-inline-connect{min-width:0;width:100%}}
@media(max-width:700px){.wizard-brand-connections{padding:13px;border-radius:16px}.wizard-connection-head{display:block}.shopify-inline-connect{display:grid;grid-template-columns:1fr}.shopify-inline-connect input,.shopify-inline-connect button{width:100%;min-width:0}}