/* 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}}
#modeIntro{margin:18px 0}#modeIntro h2{font-size:30px}body[data-mode=script] .workspace{grid-template-columns:minmax(0,1000px)}body[data-mode=edit] .workspace{align-items:start}.rail-bottom small{display:none}#manualEdit{border:1px solid #3b473e;padding:20px;border-radius:14px}#manualEdit>summary{font-size:18px}#manualEdit .panel{padding:16px 0;border:0}#aiPanel{margin-top:16px}#batchPanel{border:1px dashed #a0b982}.shot{margin-top:16px}#finish details{margin-top:20px}
/* Keep every workspace reachable when the desktop rail becomes a mobile header. */
@media(max-width:850px){.rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rail .brand{grid-column:1/-1}.rail>a[data-mode]{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;border:1px solid var(--border);border-radius:7px;text-align:center}.rail>a[data-mode][aria-current=true]{background:#283221;color:var(--accent)}header{flex-wrap:wrap;padding:12px 0}header button{margin-left:0}}