*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 52% -12%,#292052 0,#100e23 42%,#090916 90%);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif;color:#f4f1ff;min-height:100vh}a{color:inherit}button,textarea{font:inherit}button{cursor:pointer}.top{display:flex;gap:20px;align-items:center;padding:22px max(24px,calc((100vw - 1150px)/2));border-bottom:1px solid #302c47;background:#0b0a19b8}.brand{text-decoration:none;font-size:21px;font-weight:800}.brand span{color:#ab8cff}.pill{background:#322651;color:#e5d6ff;font-size:12px;border:1px solid #6a509d;border-radius:20px;padding:6px 12px}.back{margin-left:auto;font-size:13px;text-decoration:none;color:#c5bbe3}main{max-width:1150px;margin:auto;padding:36px 24px 90px}.hero{max-width:830px;padding:18px 0}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#bb9dff}.hero h1{font-size:clamp(35px,5vw,63px);letter-spacing:-.045em;line-height:1.08;margin:12px 0 18px}.hero>p:last-child{line-height:1.7;color:#c2bad8;font-size:16px}.composer{background:#19152d;border:1px solid #57416e;border-radius:19px;padding:24px;box-shadow:0 15px 55px #0003}.composer label{display:block;font-weight:700;margin-bottom:12px}.composer textarea,.outputs textarea{background:#100e21;border:1px solid #4a3c68;color:#eeeafa;outline:none;border-radius:12px;padding:16px;width:100%;resize:vertical;line-height:1.6}.composer textarea:focus,.outputs textarea:focus{border-color:#b295ff}.composer-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px}.composer-foot>span,.footnote{font-size:12px;color:#aba1bf}button{border-radius:10px;border:0;background:#a78bfa;color:#150d2d;font-weight:750;padding:12px 18px}button:hover{filter:brightness(1.1)}.workspace{margin-top:36px}.sectionheading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.sectionheading h2{margin:4px 0 0;font-size:28px;overflow-wrap:anywhere}.actions{display:flex;gap:9px}.secondary{background:#211b3b;border:1px solid #534670;color:#eee4ff}.agents,.outputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.agent{padding:20px;background:#211932;border:1px solid #4e3b69;border-radius:14px;display:flex;flex-direction:column;gap:7px}.agent .symbol{font-size:27px;color:#bd9cff}.agent small{color:#ada2c6}.outputs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:17px}.outputs article{border:1px solid #403752;background:#151225;padding:20px;border-radius:14px}.cardhead{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.cardhead span{font-size:11px;color:#b394ff;font-weight:800;letter-spacing:.09em}.outputs textarea{min-height:230px}.footnote{margin-top:18px}@media(max-width:700px){.top{padding:15px 18px;gap:10px;flex-wrap:wrap}.pill{font-size:10px}.back{font-size:12px}main{padding:22px 16px}.hero h1{font-size:38px}.composer{padding:16px}.composer-foot,.sectionheading{align-items:stretch;flex-direction:column}.agents{grid-template-columns:repeat(2,minmax(0,1fr))}.outputs{grid-template-columns:1fr}.actions{flex-wrap:wrap}}
.project-library{margin:12px 0 24px;padding:22px;background:#151225;border:1px solid #403752;border-radius:16px}.project-library h2{margin:6px 0}.project-library p{color:#bdb2d3;line-height:1.5;font-size:13px}.project-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.project-controls label{font-size:13px}.project-controls select{flex:1;min-width:180px;max-width:480px;background:#100e21;border:1px solid #65507f;border-radius:9px;padding:12px;color:#f4f1ff;font:inherit}.composer-foot,.actions{flex-wrap:wrap}button:focus-visible,select:focus-visible{outline:3px solid #d2baff;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}@media(max-width:700px){.project-controls{align-items:stretch;flex-direction:column}.project-controls select{width:100%;max-width:none}.actions button{flex:1}.project-library{padding:16px}}

.website-preview{margin-top:28px;background:#151225;border:1px solid #514065;border-radius:16px;padding:22px}.preview-note{font-size:13px;color:#bdb2d3;line-height:1.6}.preview-editor{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.preview-editor label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#d8cfea}.preview-editor .wide{grid-column:1/-1}.preview-editor input,.preview-editor textarea,.preview-editor select{width:100%;font:inherit;padding:12px;border:1px solid #66517e;border-radius:8px;background:#100e21;color:#f4f1ff}.preview-stage{background:#090916;padding:16px;border-radius:12px;overflow:auto}.preview-stage iframe{display:block;border:0;width:100%;height:680px;margin:auto;background:white;border-radius:8px}.preview-stage.mobile iframe{width:375px;max-width:100%;height:720px}.actions button[aria-pressed="true"]{background:#a78bfa;color:#150d2d}.preview-editor input:focus-visible,.preview-editor textarea:focus-visible{outline:2px solid #d2baff;outline-offset:2px}@media(max-width:700px){.website-preview{padding:16px}.preview-editor{grid-template-columns:1fr}.preview-stage{padding:6px}.preview-stage iframe{height:620px}}

/* Focused workspace: one tool at a time. */
[hidden]{display:none!important}.hero{padding:10px 0 20px;max-width:680px}.hero h1{font-size:clamp(32px,4vw,48px);margin:10px 0 12px}.hero>p:last-child{font-size:15px;line-height:1.5}.library-drawer{margin-bottom:18px}.library-drawer summary,.diagnostic-drawer summary{cursor:pointer;color:#c8b9e0;font-size:13px;padding:10px 0}.project-library{margin:0 0 16px;padding:16px}.project-library h2,.project-library .eyebrow{display:none}.diagnostic-drawer{margin-top:28px;opacity:.75}.workspace{margin-top:28px}.workspace>.sectionheading button{font-size:12px;padding:10px}.studio-tabs{display:flex;gap:6px;border-bottom:1px solid #453653;padding-bottom:12px;margin-bottom:22px;overflow:auto}.studio-tabs button{flex:1;background:transparent;color:#b5a6cb;white-space:nowrap;font-size:13px;padding:12px}.studio-tabs button[aria-selected=true]{background:#332447;color:#fff}.creation-panel{padding:22px;background:#151225;border:1px solid #453653;border-radius:16px}.tool-heading h2{margin:0 0 8px;font-size:25px;letter-spacing:-.03em}.tool-heading p{color:#b9aecb;font-size:14px;margin:0 0 24px}.media-label{display:block;margin-bottom:9px;font-size:13px;font-weight:650}.creation-panel>textarea{width:100%;font:inherit;line-height:1.6;resize:vertical;padding:14px;border-radius:10px;background:#100e21;color:#eeeafa;border:1px solid #5d4873}.media-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.upload-button,.media-actions a,#videoDownload{font-size:13px;display:inline-block;text-decoration:none;padding:12px 18px;border-radius:10px;cursor:pointer}.asset-empty{padding:42px 20px;border:1px dashed #58426e;border-radius:14px;text-align:center;margin-top:22px;color:#bba9d2}.asset-empty>span{font-size:36px;color:#b999ed}.asset-empty p{font-size:20px;margin:12px 0 6px}.asset-empty small{font-size:12px}#createdImage{display:block;max-width:100%;max-height:560px;object-fit:contain;margin:20px auto 0;border-radius:12px}#promoVideo{display:block;max-width:100%;max-height:550px;margin:20px auto}#videoDownload{margin-top:12px}.website-preview,.outputs{margin-top:0}.preview-editor{margin-top:20px}@media(max-width:700px){.creation-panel{padding:17px}.studio-tabs button{font-size:12px;padding:10px 12px}.studio-tabs{gap:2px}.hero h1{font-size:35px}.composer-foot>span{display:none}}

/* v9.30 website creator */
.website-ai-bar{padding:18px;margin:14px 0 18px;border-radius:16px;border:1px solid #69518f;background:linear-gradient(110deg,#221635,#141329)}
.website-ai-bar label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}
.website-ai-bar textarea{width:100%;min-height:74px;border:1px solid #685382;border-radius:10px;padding:12px;background:#110e21;color:#fff;resize:vertical}
.website-ai-bar .media-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.website-ai-bar .preview-note{flex:1;min-width:180px}

.multipage-toolbar{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin:15px 0;padding:14px;background:#211a39;border:1px solid #574070;border-radius:12px}.multipage-toolbar label{font-weight:700}.multipage-toolbar select{min-width:175px;margin-left:9px;background:#100d24;color:#fff;border:1px solid #9b80c8;border-radius:8px;padding:9px}.multipage-toolbar span{font-size:12px;color:#cdbfe5}.website-preview .actions{flex-wrap:wrap}

.page-ai-editor{border:1px solid #564370;border-radius:14px;margin:16px 0;padding:15px;background:#1b1531}.page-ai-editor summary{cursor:pointer;font-weight:700;color:#d3baff}.page-edit-inner{display:grid;gap:10px;margin-top:16px}.page-edit-inner label{font-weight:650;font-size:13px}.page-edit-inner textarea,.page-edit-inner input{width:100%;box-sizing:border-box;background:#100c20;border:1px solid #685181;border-radius:9px;padding:12px;color:#fff;font:inherit}.page-edit-inner button{max-width:100%}
/* v9.35 collapsible section and gallery controls */
.section-edit-card{border:1px solid rgba(181,151,255,.25);padding:14px;border-radius:12px;margin:12px 0;display:grid;gap:10px}
.section-edit-card input,.section-edit-card textarea{width:100%;box-sizing:border-box}
.section-edit-card small{color:#bca3e8}
.gallery-edit-row{display:inline-flex;align-items:center;gap:10px;margin:10px;padding:8px;border:1px solid rgba(181,151,255,.25);border-radius:12px}
.gallery-edit-row img{width:85px;height:65px;object-fit:cover;border-radius:8px}

/* v9.36 focused editors and responsive video workspace */
.visual-section-jump{border:1px solid #5a4272;background:#211932;border-radius:14px;padding:16px;margin:18px 0}.visual-section-jump p{color:#bbafcc;font-size:13px;line-height:1.5}.visual-section-jump button{font-size:12px}.promo-preview-box{background:#0b0915;border:1px solid #453653;border-radius:14px;margin-top:18px;min-height:260px;display:flex;align-items:center;justify-content:center;padding:15px}#promoCanvas{display:block;width:auto;height:auto;max-width:100%;max-height:490px;border-radius:10px}.creation-panel .preview-editor label{min-width:0}@media(max-width:650px){.promo-preview-box{min-height:210px}#promoCanvas{max-height:380px}}

/* v9.37 Launchpad: compact starting-point navigation */
.launchpad{margin:18px 0 20px;padding:24px;border:1px solid #42315e;border-radius:23px;background:linear-gradient(125deg,#1d1633,#13101f 76%)}
.launchpad-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.launchpad-top h2{margin:4px 0 5px;font-size:clamp(20px,2.6vw,28px)}.launchpad-top p:not(.eyebrow){color:#bab2c9;margin:0 0 17px;font-size:14px}.launchpad-chip{background:#513377;color:#eedbff;padding:6px 10px;border-radius:999px;white-space:nowrap;font-size:11px;font-weight:750}.launchpad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.launchpad-choice{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;min-height:146px;border-radius:16px;padding:17px;background:#211a34;border:1px solid #3d3153;color:#fff;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.launchpad-choice:hover,.launchpad-choice:focus-visible,.launchpad-choice.selected{background:#31214c;border-color:#b895f9;transform:translateY(-2px)}.launchpad-choice strong{font-size:14px}.launchpad-choice small{font-size:12px;color:#c8bdd5;line-height:1.45}.launchpad-icon{font-size:22px;color:#d4a8ff}.backup-bar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 0 16px;color:#d4c7df;font-size:13px}.backup-bar .upload-button{cursor:pointer}.launchpad>.preview-note{margin:14px 0 0}@media(max-width:850px){.launchpad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.launchpad{padding:16px}.launchpad-grid{gap:8px}.launchpad-choice{min-height:135px;padding:12px}.launchpad-chip{display:none}}

.ai-video-box{border:1px solid #73519c;background:linear-gradient(135deg,#211737,#121226);border-radius:17px;padding:23px;margin:20px 0}.ai-video-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.ai-video-head h3{font-size:24px;margin:5px 0}.ai-video-head p{font-size:13px;color:#c7bdd7;line-height:1.6}.ai-video-box label{display:block;margin:12px 0;color:#e5daf3;font-size:13px}.ai-video-box textarea,.ai-video-box input,.ai-video-box select{box-sizing:border-box;width:100%;display:block;margin-top:8px;border-radius:9px;border:1px solid #5d4873;background:#0d0d1d;color:#fff;padding:12px;font:inherit}.ai-video-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.ai-video-box video{width:100%;max-height:550px;margin-top:16px}.local-promo-drawer{margin-top:22px;border-top:1px solid #493952;padding-top:15px}.local-promo-drawer>summary{cursor:pointer;padding:14px;color:#d9c6f1;font-weight:700}.ai-task-label{max-width:600px}@media(max-width:720px){.ai-video-grid{grid-template-columns:1fr}.ai-video-head{display:block}}

/* Marketing production suite */
.marketing-suite{padding:20px;border:1px solid rgba(188,164,255,.26);border-radius:20px;background:linear-gradient(140deg,rgba(70,44,106,.24),rgba(9,10,22,.20));margin-bottom:22px}
.marketing-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.marketing-fields label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650}.marketing-fields input,.marketing-fields select{width:100%;padding:12px;border-radius:10px;min-width:0}.marketing-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.marketing-result{border-radius:16px;border:1px solid rgba(188,164,255,.19);padding:15px;background:rgba(11,9,30,.35);min-width:0}.marketing-result textarea{width:100%;min-height:200px;resize:vertical}.marketing-result .cardhead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.marketing-result .cardhead button{padding:6px 10px}@media(max-width:720px){.marketing-fields,.marketing-results{grid-template-columns:1fr}.marketing-suite{padding:13px}}

.ai-video-library{margin:20px 0;padding:14px;border:1px solid #544c86;border-radius:12px}.video-library-items{display:grid;gap:10px}.video-library-item{padding:12px;border:1px solid #393654;border-radius:10px}.video-library-item p{font-size:.85rem;opacity:.8;margin:7px 0}.video-library-item strong{display:block;overflow-wrap:anywhere}

/* v9.45 — My Videos gallery */
.ai-video-library{padding:20px;background:linear-gradient(140deg,rgba(100,76,155,.13),rgba(20,17,43,.4))}
.video-library-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,285px),1fr));gap:14px;margin-top:12px}
.video-library-item{display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid #544771;background:#19132d;border-radius:15px;min-width:0}
.video-library-art{display:flex;min-height:155px;align-items:center;justify-content:center;font-size:46px;color:#ece4ff;background:radial-gradient(circle at 35% 32%,#6042a3 0%,#322455 47%,#101022 100%);border-bottom:1px solid #544771}
.video-library-info{padding:15px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;flex:1}
.video-library-info strong{font-size:14px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.video-library-info p{margin:0;color:#bcb3d1}
.video-status{font-size:11px;font-weight:750;letter-spacing:.02em;color:#e9d7ff;background:#443463;border-radius:100px;padding:5px 9px}
.video-status-saved{color:#bcf5de;background:#164b3d}
.video-library-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:9px;width:100%}
.video-library-actions button{font-size:12px;padding:10px 12px;flex:1;white-space:nowrap}
@media(max-width:600px){.ai-video-library{padding:12px}.video-library-items{grid-template-columns:1fr}.video-library-art{min-height:115px}.video-library-item{flex-direction:row}.video-library-art{width:90px;min-width:90px}.video-library-actions button{white-space:normal}}

/* v10 creative hub refinements */
.studio-flow-hint{border:1px solid #bca0ed55;background:linear-gradient(120deg,#a780e91c,#50ccda0b);color:#e5dafa;border-radius:12px;padding:12px 16px;margin:12px 0 16px;font-size:13px;line-height:1.55}
.video-prompt-tools{margin:12px 0 16px;padding:10px 14px;border:1px solid #a785d058;border-radius:12px;background:#ffffff06}
.video-prompt-tools summary{cursor:pointer;font-weight:750;color:#e3cffb}
.video-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 5px}.video-preset-row button{min-height:38px}
.studio-library-heading h3{font-size:19px;margin:0 0 5px}.studio-library-heading p{color:#bfb7cf;font-size:12px;margin:0 0 14px}
.video-library-art video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.video-library-art{position:relative;aspect-ratio:16/9;overflow:hidden}
.video-library-art video{position:absolute;inset:0;opacity:0}
.video-thumbnail-fallback{position:relative;z-index:1}
.video-thumbnail-ready video{opacity:1}
.video-thumbnail-ready .video-thumbnail-fallback{display:none}
.video-library-item{overflow:hidden}.video-library-info strong{overflow-wrap:anywhere}
#aiVideoLegacyRecover{display:none!important}
@media(max-width:650px){.video-preset-row button{flex:1 1 140px}.ai-video-library{padding:12px}.video-library-item{width:min(100%,360px)}}
/* Consolidated creative entry: one project form, no duplicate tool selectors */
.studio-welcome{margin:12px 0 18px;padding:19px 23px;border:1px solid #44375e;border-radius:18px;background:linear-gradient(115deg,#231637,#111020)}
.studio-welcome h2{font-size:clamp(20px,2.3vw,28px);margin:8px 0}.studio-welcome p{font-size:14px;color:#c8bdd8;line-height:1.5;margin:0}
.brochure-maker{border:1px solid #8464aa;border-radius:18px;background:linear-gradient(145deg,rgba(80,52,111,.24),rgba(15,13,29,.6));padding:20px;margin:24px 0}
.brochure-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.brochure-intro h3{font-size:23px;margin:9px 0}.brochure-intro p{font-size:13px;max-width:620px;color:#c9bfd9;line-height:1.5}
.brochure-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.brochure-fields label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650}.brochure-fields input,.brochure-fields select,.brochure-fields textarea{background:#100e21;border:1px solid #65507e;color:#eeeafa;border-radius:10px;padding:12px;width:100%;min-width:0;font:inherit}.brochure-fields textarea{resize:vertical}
.brochure-preview-wrap{background:#0b0b19;overflow:auto;border:1px solid #65507e;border-radius:13px;margin-top:12px;max-height:680px}.brochure-preview-wrap iframe{width:100%;min-width:320px;height:650px;border:0;background:#e7e9ef}
@media(max-width:700px){.brochure-fields{grid-template-columns:1fr}.brochure-maker{padding:12px}.brochure-intro{flex-direction:column}.brochure-preview-wrap iframe{height:450px}}
/* v10.4 consolidated, progressive disclosure. Never hide the website preview itself. */
.studio-fold{border:1px solid rgba(188,164,255,.25);background:rgba(30,24,57,.4);border-radius:14px;margin:12px 0;overflow:hidden}
.studio-fold>summary{cursor:pointer;padding:15px 17px;list-style-position:inside;color:#f2eafa;font-weight:750;letter-spacing:.005em}
.studio-fold>summary:hover,.studio-fold>summary:focus-visible{background:rgba(178,142,255,.16)}
.studio-fold[open]>summary{border-bottom:1px solid rgba(188,164,255,.21)}
.studio-fold>.website-ai-bar,.studio-fold>.preview-editor,.studio-fold>.marketing-fields,.studio-fold>.media-actions,.studio-fold>.marketing-results,.studio-fold>article{margin:0;padding:18px;box-sizing:border-box}
.studio-fold>.marketing-results{display:grid}.studio-fold>article{border:0;background:transparent}
.studio-fold>article textarea{max-width:100%}.brochure-featured{border:1px solid rgba(245,201,111,.45);box-shadow:0 0 0 1px rgba(245,201,111,.09);border-radius:18px;padding:18px;margin:18px 0}
.studio-jump-compact{margin:14px 0}#draftsPanel .marketing-suite>.tool-heading{margin-bottom:12px}
@media(max-width:650px){.studio-fold>.website-ai-bar,.studio-fold>.preview-editor,.studio-fold>.marketing-fields,.studio-fold>.media-actions,.studio-fold>.marketing-results,.studio-fold>article{padding:12px}.brochure-featured{padding:12px}}

/* v10.5 experimental narration panel */
.voice-studio{margin:12px 0 18px;border:1px solid #725793;border-radius:16px;background:#1d1630}.voice-studio>summary{cursor:pointer;font-weight:750;padding:17px}.voice-inside{display:grid;gap:10px;padding:18px;border-top:1px solid #57416e}.voice-inside label{font-size:13px;font-weight:700}.voice-inside textarea,.voice-inside select{width:100%;background:#0e0b20;color:white;border:1px solid #66507f;border-radius:10px;padding:12px;font:inherit}.voice-inside audio{width:100%}

/* v10.5 private voiceover */
.voice-studio{margin:18px 0;padding:16px;border:1px solid #63538c;border-radius:16px;background:rgba(64,41,101,.17)}
.voice-studio summary{cursor:pointer;font-weight:700;padding:4px}.voice-inner{display:grid;gap:12px;padding-top:14px}.voice-inner label{display:grid;gap:6px}.voice-inner textarea{width:100%}.voice-inner audio{max-width:100%}

/* v10.13.4: keep the campaign editor full width and collapsed briefs compact. */
#draftsPanel{grid-template-columns:minmax(0,1fr);align-items:start}
#draftsPanel>.studio-fold{min-width:0;align-self:start}

/* v10.16 consolidated owner configuration panel */
.readiness-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.9rem;text-align:left}
.readiness-table caption{text-align:left;margin-bottom:10px;font-weight:700}
.readiness-table th,.readiness-table td{padding:12px 10px;border-bottom:1px solid #ffffff25;vertical-align:top;overflow-wrap:anywhere}
.diagnostic-drawer>details{margin-top:22px}.diagnostic-drawer>p{max-width:70ch}

/* Purchase policy and billing support retain readable controls on narrow screens. */
.pack-policy{padding:16px;margin:14px 0;border:1px solid #534670;border-radius:12px;line-height:1.6;background:#151125}
.pack-policy label{display:block;line-height:1.6}.pack-policy input{width:auto;margin-right:8px}.pack-policy a{text-decoration:underline}
#purchaseList article{padding:18px 0;border-top:1px solid #3a3053}#purchaseList label{display:block;margin:18px 0 8px;font-weight:600}
#purchaseList textarea{display:block;width:100%;min-height:120px;resize:vertical;background:#100e21;color:#eeeafa;border:1px solid #65517f;border-radius:10px;padding:12px;line-height:1.6;margin-bottom:12px}
#purchaseList textarea:focus-visible{outline:2px solid #b295ff;outline-offset:2px}#purchaseList h3,#purchaseList p{overflow-wrap:anywhere}

.pack-policy>p{margin:0 0 10px}.pack-policy-details{margin:8px 0 14px;color:#c2bad8}.pack-policy-details summary{cursor:pointer;font-size:14px}.pack-policy-details p{font-size:13px;line-height:1.65;margin:10px 0}.pack-policy label{font-size:14px}

#billingSupportList article{border-top:1px solid #3a3053;padding:18px 0}#billingSupportList label{display:block;margin:14px 0 8px}#billingSupportList textarea{display:block;width:100%;min-height:120px;background:#100e21;color:#eeeafa;border:1px solid #65517f;border-radius:10px;padding:12px;margin-bottom:12px;line-height:1.6;resize:vertical}#billingSupportList p,#billingSupportList h3{overflow-wrap:anywhere}

/* Studio essentials stay visible; dialogs use normal document flow for every field. */
.studio-quick-actions{display:flex;flex-wrap:wrap;gap:10px;position:sticky;top:0;z-index:20;padding:12px 0;background:#100e23f5;border-bottom:1px solid #403752;margin-bottom:20px}
.studio-dialog{color:#f4f1ff;background:#151225;border:1px solid #695184;border-radius:18px;width:min(960px,calc(100vw - 28px));max-height:90dvh;padding:24px;overflow:auto;box-sizing:border-box;box-shadow:0 24px 80px #0008}.studio-dialog::backdrop{background:#080612c9}.credits-dialog{max-width:760px}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.dialog-heading h2{margin:0;font-size:24px}.studio-dialog p{line-height:1.65;overflow-wrap:anywhere}.dialog-heading button{flex:none}
.support-layout{display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr);gap:20px;margin-top:18px}.support-layout>*{min-width:0}.support-actions{display:flex;flex-wrap:wrap;gap:10px}
#supportList{display:grid;gap:8px;max-height:60dvh;overflow:auto}#supportList button{display:block;width:100%;text-align:left;background:#211b3b;border:1px solid #534670;color:#eee4ff;font-weight:500;white-space:normal;overflow-wrap:anywhere}#supportList button[aria-current=true]{border-color:#b295ff;background:#34284e}
.support-form{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;clear:both}.support-field{display:grid!important;grid-template-columns:minmax(0,1fr);gap:7px;position:static!important;float:none!important;width:100%;margin:0!important;line-height:1.5}
.support-form input,.support-form select,.support-form textarea{display:block;position:static!important;width:100%;min-width:0;box-sizing:border-box;background:#100e21;color:#eeeafa;border:1px solid #65517f;border-radius:10px;padding:12px;font:inherit;line-height:1.6;resize:vertical;margin:0}.support-form textarea{min-height:145px}.support-form :focus-visible{outline:2px solid #b295ff;outline-offset:2px}
.support-form .support-actions{margin-top:0;position:static;clear:both}#supportContent h3{margin-top:0;overflow-wrap:anywhere}.support-messages{display:grid;gap:12px;margin:16px 0;max-height:45dvh;overflow:auto}.support-message{border:1px solid #433556;border-radius:12px;padding:12px;background:#100e21}.support-message[data-role=owner]{border-color:#8668b1;background:#231a38}.support-message p{white-space:pre-wrap;margin:6px 0 0}.support-message small{color:#c2bad8}.support-form [role=status]{margin:0}
#purchaseList label,#billingSupportList label{position:static!important;float:none!important;line-height:1.6}#purchaseList textarea,#billingSupportList textarea{position:static!important;box-sizing:border-box;clear:both}#purchaseList button,#billingSupportList button{position:static;margin-top:6px}
@media(max-width:650px){.studio-dialog{padding:16px}.support-layout{grid-template-columns:minmax(0,1fr)}#supportList{max-height:220px}.studio-quick-actions button{flex:1 1 140px}.dialog-heading h2{font-size:21px}.support-messages{max-height:38dvh}.support-form button{width:100%}}

/* Compact header links; no added full-width toolbar. */
.top{gap:14px}.studio-quick-actions{position:static;display:inline-flex;flex:none;flex-wrap:nowrap;align-items:center;gap:8px;margin:0 0 0 auto;padding:0;background:none;border:0}.studio-quick-actions button{flex:none;font-size:13px;padding:7px 11px;border-radius:9px;min-height:34px}.top .back{margin-left:0}.top .brand{white-space:nowrap}@media(max-width:650px){.top{gap:8px;padding:14px 16px}.top>.pill{display:none}.studio-quick-actions{gap:6px}.studio-quick-actions button{flex:none;padding:7px 9px;font-size:12px}.top .brand{font-size:18px}.top .back{font-size:12px}}
/* Saved results stay in a collapsed, readable customer library. */
.creations-library{opacity:1;padding:16px 18px;border:1px solid #453653;border-radius:16px;background:#151225}.creations-library>summary{font-size:15px;font-weight:750;color:#eee4ff}.creation-library-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}.creation-library-controls label{flex-basis:100%;font-size:13px;font-weight:650}.creation-library-controls select{max-width:100%;min-height:42px;padding:10px 12px;border-radius:10px;border:1px solid #65517f;background:#100e21;color:#eeeafa;font:inherit}.creations-library button{font-size:13px;padding:10px 12px;min-height:42px}#creationsList{display:grid;gap:14px;margin:16px 0}#creationsList article{min-width:0;border:1px solid #433556;border-radius:12px;padding:16px;background:#100e21}#creationsList h3{font-size:16px;margin:0 0 8px;overflow-wrap:anywhere}#creationsList p{font-size:14px;line-height:1.6;color:#c2bad8}#creationsList .media-actions{margin-top:12px}#creationsList textarea{box-sizing:border-box;background:#151225;color:#eeeafa;border:1px solid #65517f;border-radius:10px;padding:12px;font:inherit;margin-top:12px}#creationToolFilter:focus-visible,.creations-library button:focus-visible{outline:2px solid #b295ff;outline-offset:2px}@media(max-width:480px){.creations-library{padding:12px}.creation-library-controls select,.creation-library-controls button,#creationsList .media-actions button,#moreCreations{width:100%}#creationsList article{padding:12px}}

/* v10.38: tools first, optional project setup second. */
main{padding-top:18px}.hero{padding:0 0 10px}.hero h1{font-size:clamp(28px,4vw,42px);margin:8px 0}.hero .eyebrow{margin:0}.hero>p:last-child{margin:8px 0 12px}
main>.studio-tabs{position:sticky;top:0;z-index:10;background:#100e23;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 0 12px;margin-bottom:8px;overflow:visible}
main>.studio-tabs button{border:1px solid #66517e;font-size:15px;padding:15px 8px;background:#211a39;color:#e3d9f3}
main>.studio-tabs button[aria-selected=true]{background:#ad8bfa;color:#170e2b;border-color:#c7afff;font-weight:800}
.studio-setup{margin:0 0 14px}.studio-setup>details>summary{cursor:pointer;padding:12px 0;color:#d3c6e6;font-size:13px}.studio-setup>details>summary span{margin-left:8px;color:#aa9dbb;font-size:12px}.studio-setup .composer{padding:18px}.studio-setup .library-drawer{margin:0}.studio-setup #ideaHelp{margin:8px 0 12px;max-width:720px}.studio-setup .backup-bar{padding:0 0 12px;margin-bottom:12px}
.workspace{margin-top:12px}.workspace>.sectionheading{margin-bottom:14px}.workspace>.sectionheading .eyebrow{display:none}.workspace>.sectionheading h2{font-size:20px;margin:0}.workspace>.sectionheading .actions{flex-wrap:wrap}
@media(max-width:700px){main>.studio-tabs{gap:5px}main>.studio-tabs button{font-size:12px;padding:14px 2px}.studio-setup .composer-foot>span{display:block}.workspace>.sectionheading{align-items:flex-start;gap:12px;flex-direction:column}.top{flex-wrap:wrap;gap:10px}.top .pill{display:none}main{padding-top:14px}#workspaceAccountNotice{font-size:12px;margin:8px auto!important;padding:8px 24px!important}}

/* Keep the balance visible without adding a permanent account panel. */
.credit-balance-button{display:inline-flex;align-items:center;gap:8px!important;border-color:#a78bfa!important;background:#30214e!important}.credit-balance-button strong{font-size:17px;color:#fff;white-space:nowrap}.credit-balance-button span:last-child{font-size:13px;color:#cab7ef}.credit-balance-button:focus-visible{outline:3px solid #d8c7ff;outline-offset:3px}@media(max-width:700px){.studio-quick-actions{order:3;flex:1 0 100%;justify-content:flex-start;margin:0}.credit-balance-button strong{font-size:16px}.top #studioSignIn{margin-left:auto}}

.start-here{margin:0 0 28px;padding:23px;border:1px solid #66507d;border-radius:15px;background:linear-gradient(120deg,#241c38,#171425)}.return-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid #ffffff18}.return-actions strong{margin-right:auto;font-size:13px;color:#ded2ee}.return-actions .secondary{font-size:11px;padding:9px 12px;text-decoration:none}.starter-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:21px}.starter-layout h2{font-size:25px;margin:6px 0 15px;letter-spacing:-.035em}.starter-layout .eyebrow{font-size:9px;margin:0;color:#c4adf1}.starter-layout label{font-size:12px;display:block;margin-bottom:7px;color:#cdbfdb}.starter-layout select{width:100%;background:#110e20;color:#f2eaff;border:1px solid #635276;border-radius:8px;padding:12px;font:inherit;font-size:13px}.starter-preview{padding:18px;border-radius:11px;background:#110f1c;border:1px solid #42354f}.starter-preview h3{font-size:16px;margin:0 0 8px}.starter-preview p{font-size:12px;color:#c3b6d3;line-height:1.7}.starter-preview button{padding:11px 15px;font-size:12px}#starterStatus{font-size:11px;min-height:20px;margin-bottom:0}.draft-status{font-size:11px;color:#b5a7c7;margin:16px 0 0;line-height:1.6}@media(max-width:650px){.start-here{padding:17px}.starter-layout{grid-template-columns:1fr;gap:17px}.return-actions strong{width:100%;margin-bottom:3px}.return-actions{gap:7px}.return-actions .secondary{font-size:10px;padding:8px 10px}.starter-layout h2{font-size:23px}}

.starter-chooser{margin-top:16px}.starter-chooser>summary{cursor:pointer;color:#d9c5f4;font-size:12px;font-weight:650}.starter-chooser .starter-layout{margin-top:18px}.start-here{margin-top:18px}.return-actions{padding-bottom:14px}.starter-chooser:not([open])+.draft-status{margin-top:13px}
/* Optional setup stays folded; the active creation tool gets the space. */
.hero{padding-bottom:28px}.studio-tabs{gap:12px;margin-bottom:28px}.start-here{margin-bottom:32px}.return-actions{gap:12px;flex-wrap:wrap;padding:18px 0}.starter-chooser{margin-top:20px}.studio-setup{margin-bottom:28px}.field{margin-bottom:20px}textarea{line-height:1.7}.workspace{gap:28px}
@media(max-width:600px){.top{gap:12px;flex-wrap:wrap;height:auto;padding-top:18px;padding-bottom:18px}.studio-quick-actions{flex-wrap:wrap;gap:8px}.return-actions{gap:10px}.studio-tabs{gap:6px}.studio-tabs button{padding:12px}}

.video-self-photo{margin:20px 0;padding:20px;border:1px solid #725385;border-radius:16px;background:#21172f}.video-self-photo h3{margin-top:0}.video-self-photo .upload-button,.video-self-photo button{margin:6px 8px 8px 0}.video-self-photo img[hidden]{display:none!important}.video-self-photo p{line-height:1.6}#aiVideoPhotoNotice{color:#d9bce9}

.credits-dialog .dialog-heading{align-items:flex-start;justify-content:space-between;gap:18px}.credits-dialog .dialog-heading>div{min-width:0;flex:1}.credits-dialog .dialog-heading h2{margin:0;line-height:1.2}.credits-dialog .dialog-heading p{margin:7px 0 16px}.credits-dialog #creditPackUseLabel{display:block;margin:16px 0}.credits-dialog #creditPackUseLabel[hidden]{display:none}.credits-dialog select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #6a567e;border-radius:9px;background:#100e20;color:#f5efff;font:inherit}.credits-dialog summary{cursor:pointer;color:#d4beff}.credits-dialog .credit-help{margin:16px 0}.credits-dialog .credit-pack-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.credits-dialog .credit-pack-options button{margin:0;width:100%}.credits-dialog #studioCreditPurchaseNotice{font-size:12px;line-height:1.5;color:#c9bfd7}@media(max-width:520px){.credits-dialog .credit-pack-options{grid-template-columns:1fr}}