/* Premium FLUX step — fully responsive, no external assets. */
.flux-block{margin:26px 0 5px;background:#111a1c;color:#f6f8f2;border-radius:15px;padding:20px;box-shadow:0 13px 30px #10191c15;overflow:hidden;position:relative}
.flux-block:before{content:'';width:200px;height:200px;background:radial-gradient(circle,#d9ff3424,transparent 70%);position:absolute;right:-67px;top:-89px;pointer-events:none}
.flux-tag{font-size:10px;letter-spacing:1.4px;font-weight:900;color:#d4ff4e;display:flex;align-items:center;gap:9px}
.flux-tag:before{content:'✦';font-size:20px}
.flux-block h3{margin:14px 0 9px;font:28px/1.05 Impact,'Arial Narrow',sans-serif;letter-spacing:.35px}
.flux-lead{font-size:12px;line-height:1.65;color:#afc0b8;max-width:380px;margin-bottom:16px}
.flux-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 13px}
.flux-choice label{font-size:10px;letter-spacing:.7px;font-weight:900;color:#acbcb2}
.flux-choice select{display:block;width:100%;margin-top:8px;min-width:0;border-radius:8px;padding:11px 9px;background:#263131;color:#f6f9ed;border:1px solid #506160;font-size:11px;font-weight:800}
#fluxGenerate{display:flex;justify-content:space-between;gap:12px;width:100%;border:0;border-radius:8px;background:#d9ff34;color:#182019;min-height:48px;padding:14px 14px;font-size:11px;font-weight:950;letter-spacing:.3px;align-items:center;text-align:left}
#fluxGenerate:hover:not(:disabled){background:#e7ff89}
#fluxGenerate:disabled{background:#67736a;color:#e0e4dc;opacity:.75;cursor:not-allowed}
.flux-status{margin:13px 0 0;padding:11px 12px;color:#becdc6;background:#1f2b2c;border-radius:7px;font-size:11px;line-height:1.65;min-height:36px}
.flux-status[data-kind=success]{background:#223b2c;color:#ddfcbf}
.flux-status[data-kind=error]{background:#492925;color:#ffe1d6}
.flux-status[data-kind=busy]{background:#273641;color:#caecfc}
.flux-setup{border:1px solid #c9ff4766;border-radius:8px;margin:12px 0 0;padding:11px 12px;background:#293122;color:#ebf5d6;line-height:1.65;font-size:11px}
.flux-setup a{color:#d9ff34;text-decoration:underline}
.flux-result{margin-top:17px;border:1px solid #435451;border-radius:10px;padding:10px;background:#1b2728}
.flux-result img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:#101919}
.flux-result-header{color:#d7f7aa;font-size:10px;font-weight:900;letter-spacing:.7px;margin:2px 0 11px}
.flux-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
.flux-result-actions button{font-size:10px;font-weight:900;border:1px solid #506560;color:#e9f5e9;background:#2a3a38;padding:10px 6px;border-radius:6px;min-height:42px}
.flux-result-actions button:first-child{background:#d9ff34;border-color:#d9ff34;color:#1b261a}
.flux-footnote{margin:12px 0 0;color:#a9bcb3;font-size:10px;line-height:1.7}
@media(max-width:480px){.flux-block{padding:16px;border-radius:12px}.flux-block h3{font-size:26px}.flux-choice{grid-template-columns:1fr}.flux-result-actions{grid-template-columns:1fr}}

.flux-consent{display:flex;align-items:flex-start;gap:10px;color:#d9e7da;font-size:11px;line-height:1.55;margin:14px 0}.flux-consent input{width:18px;height:18px;flex-shrink:0;accent-color:#d9ff34;margin:1px 0 0}.flux-consent a{color:#d9ff34;text-decoration:underline}

/* V9: actual KI is primary; templates are clearly a secondary fallback. */
#studioTab-idea .prompt-textarea{min-height:168px;line-height:1.65;font-size:14px}
.prompt-length-hint{font-size:11px;color:#657c73;line-height:1.55;margin:7px 0 12px}
#studioTab-idea .flux-block{margin:20px 0 12px;border:1px solid #466b56;box-shadow:0 16px 45px #121b1a22}
#studioTab-idea .flux-block h3{font-size:30px;line-height:1.1}
.flux-sent-details{border:1px solid #4b5d55;margin-top:11px;padding:12px;border-radius:9px;background:#21302b;color:#e8efea}
.flux-sent-details[hidden]{display:none!important}
.flux-sent-details summary{cursor:pointer;color:#d9ff34;font-size:12px;font-weight:800}
.flux-sent-details p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin-top:9px}
.flux-sent-details p+p{color:#b1c1b8;font-size:11px}
.flux-review-note{font-size:11px;line-height:1.65;color:#c1d3c7;margin:12px 2px 4px}
.template-fallback{margin:14px 0 8px;padding:13px 15px;background:#f3f5ef;border:1px solid #cad6c7;border-radius:11px}
.template-fallback>summary{font-size:12px;cursor:pointer;font-weight:900;letter-spacing:.03em;color:#35483a}
.template-fallback>p{font-size:12px;line-height:1.6;margin:12px 0;color:#526158}
.template-fallback #generateArt{margin:8px 0 10px;background:#293832;color:#f3f8ed}
.template-fallback #aiArtStatus{margin:9px 0 0}
@media(max-width:640px){#studioTab-idea .flux-block h3{font-size:25px}#studioTab-idea .prompt-textarea{min-height:150px}}

/* V11: single-generation atlas and high-contrast results */
.flux-result{padding:14px;border-color:#a8d74965;background:linear-gradient(145deg,#0d1518,#233030)}
.flux-result>.flux-result-header{font-size:12px;letter-spacing:1px}
.flux-atlas-layout{margin-top:14px}
.flux-atlas-caption{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:11px;color:#d9ff34;font-weight:900;letter-spacing:.03em;margin:8px 0 10px}
.flux-atlas-caption small{font-size:10px;color:#afc4bb;font-weight:600}
.flux-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.flux-tile{position:relative;background:#1b2224;border:1px solid #475652;border-radius:9px;overflow:hidden;min-width:0;padding:0;text-align:left;cursor:pointer;color:white}
.flux-tile:focus-visible{outline:3px solid #d9ff34;outline-offset:3px}
.flux-tile[aria-pressed=true]{outline:2px solid #d9ff34;outline-offset:1px}
.flux-tile-visual{display:block;aspect-ratio:3/4;background-repeat:no-repeat;background-size:400% 200%;background-color:#13181b}
.flux-tile strong{display:block;font-size:9px;font-weight:800;line-height:1.2;padding:7px;min-height:32px}
.flux-tile-detail{border:1px solid #415650;background:#111b1e;padding:11px;border-radius:9px;margin-top:11px;display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
.flux-tile-detail .flux-tile-visual{width:96px;border-radius:6px;overflow:hidden}
.flux-tile-detail b{font-size:12px;color:#d9ff34}.flux-tile-detail p{font-size:11px;line-height:1.5;color:#b3c7bc;margin:6px 0 0}
.flux-review-note{border-left:3px solid #d9ff34;padding-left:10px}
.v11-brief-info{margin:10px 0 16px;padding:12px;border:1px solid #6f8e61;border-radius:12px;background:#ecf5e4;color:#324535;line-height:1.55;font-size:12px}
.v11-brief-info b{font-weight:900}
.v11-brief-info p{margin:4px 0 0}
.verm-v11 #studioTab-idea .ai-briefing-grid{gap:12px}
.verm-v11 #studioTab-idea .ai-prompt-preview textarea{max-height:210px;font-size:11px;line-height:1.5}
@media(max-width:680px){.flux-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.flux-tile strong{font-size:10px}.flux-tile-detail{grid-template-columns:86px minmax(0,1fr)}.flux-tile-detail .flux-tile-visual{width:86px}}
/* Atlas overview must show the whole rectangular image (not crop into square). */
.verm-v11 .flux-result #fluxResultImage{aspect-ratio:3/2;object-fit:contain;max-height:410px;background:#0c1517;border:1px solid #314541}