/* Workflow controls are scoped away from exported artwork. */
[hidden]{display:none!important}
.ux-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #354139;border-radius:16px;padding:24px;margin:20px 0;background:#17201b;color:#eaf0e9}
.ux-guide h1,.ux-guide h2{font:600 24px/1.4 system-ui;margin:8px 0}.ux-guide p{font:14px/1.8 system-ui;color:#b7c6bb;margin:8px 0}.ux-kicker{font:600 11px/1.5 system-ui;letter-spacing:.14em;color:#bbd89b}
.ux-steps{display:flex;gap:8px;padding:8px;background:#141a17;border:1px solid #354139;border-radius:14px;margin:18px 0 28px;flex-wrap:wrap}.ux-steps button{flex:1;padding:14px 20px;background:transparent;color:#b8c2bd;border:0;border-radius:8px;min-height:48px;white-space:nowrap}.ux-steps button[aria-current=step]{background:#c6dea5;color:#152019;font-weight:650}
.ux-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.ux-actions button{min-height:44px}.ux-ai-details{padding:20px;border:1px solid #354139;border-radius:12px;margin:20px 0}.ux-ai-details>summary{cursor:pointer;padding:8px}
.ux-preview-dialog{width:min(960px,94vw);max-width:94vw;padding:20px}.ux-preview-dialog iframe{display:block;width:100%;height:75vh;border:0;background:white;margin-top:16px}.ux-expanded{position:fixed!important;inset:20px!important;z-index:80;background:#141a17;box-shadow:0 0 0 30px #000a;padding:24px!important;width:auto!important}.ux-expanded iframe{height:80vh!important}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9fc6e3;outline-offset:4px}
@media(max-width:720px){.ux-guide{align-items:stretch;flex-direction:column;padding:18px}.ux-guide h1,.ux-guide h2{font-size:22px}.ux-steps{gap:4px}.ux-steps button{font-size:13px;padding:12px 8px}.ux-actions>*{flex:1}.ux-expanded{inset:8px!important;padding:12px!important}}
body{background:#101713;color:#e6ece7}.app-header,.workspace>.panel{background:#1a231d;color:#e6ece7;border-color:#3a483e}.intro{padding:26px 0 14px}.intro h1{font-size:32px}.intro p,.workspace>.panel>.note,.panel-heading p{color:#bcc9bf}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start}.workspace[data-ux-step=export]{grid-template-columns:minmax(0,1000px)!important;justify-content:center}.workspace[data-ux-step=design] .ux-design{grid-column:1;grid-row:1}.workspace[data-ux-step=design] .preview{grid-column:2;grid-row:1}.workspace .preview{position:static!important}.brief>details,.writing>details,.ux-design>details{margin:16px 0;padding:16px;border:1px solid #435148;border-radius:10px}.brief input,.brief textarea,.brief select,.writing input,.writing textarea,.writing select,.ux-design input,.ux-design select{background:#101713;color:#e6ece7;border-color:#435148}.template-library{margin-top:24px}.generation-bar{margin:0 0 20px}.text-toolbar{flex-wrap:wrap}.preview .export-box{margin-top:24px;border:1px solid #bbd89b}.preview .export-box p{color:inherit}#preview-frame{max-width:100%}@media(max-width:900px){.workspace{grid-template-columns:1fr!important}.workspace[data-ux-step=design] .preview,.workspace[data-ux-step=design] .ux-design{grid-column:1;grid-row:auto}.intro h1{font-size:25px}}