/* 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:#0e1411;color:#e9eeea}header,main .panel,dialog{background:#18201b;color:#e9eeea;border-color:#374139}main .intro{padding:28px 0 10px}main .intro h1{font-size:32px}main .intro p,.hint{color:#adbbb1}main .workspace{display:block;max-width:1100px;margin:auto}main .workspace>.panel{padding:28px}input,textarea,select,#richBody{background:#101713!important;color:#e9eeea!important;border-color:#435148!important}button{border-color:#52604f}#richBody{min-height:420px;line-height:1.9;font-size:18px}.editor>button:first-child{float:none;width:auto;margin:0 0 20px;display:inline-flex}.editor-head{clear:both}.editor-head button{white-space:nowrap}.ux-delivery{min-height:350px}.ux-delivery>p{max-width:650px;line-height:1.9}details{margin:16px 0}.ux-steps{max-width:1100px;margin-left:auto;margin-right:auto}@media(max-width:700px){main .intro h1{font-size:26px}.editor>button:first-child{float:none;margin-bottom:20px}#richBody{min-height:280px}main .workspace>.panel{padding:18px}}

/* LB CORE FLOW REFINEMENT */
/* Only application controls; no iframe, canvas, article body or output selectors. */
.lb-task-options {border:1px solid var(--lb-border,#292e35);border-radius:var(--lb-radius-md,12px);padding:var(--lb-space-3,12px);margin-block:var(--lb-space-4,16px)}
.lb-task-options>summary {min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}
.lb-task-options>summary::before {content:'＋';margin-inline-end:var(--lb-space-2,8px)}
.lb-task-options[open]>summary::before {content:'−'}
.lb-task-actions {display:flex;flex-wrap:wrap;gap:var(--lb-space-2,8px);padding:var(--lb-space-3,12px);background:var(--lb-surface,#171a1f);border-top:1px solid var(--lb-border,#292e35)}
.lb-task-actions>button {min-height:44px;flex:1;min-width:0}
.lb-task-hint {color:var(--lb-text-muted,#737b86);line-height:1.6}
#articleTaskActions {position:sticky;bottom:0;z-index:5;margin-top:var(--lb-space-4,16px)}
#contactForm .lb-task-actions {position:sticky;bottom:0;z-index:3}
#websiteTaskActions[hidden] {display:none}
@media(max-width:760px){
 #websiteTaskActions {position:fixed;bottom:calc(62px + env(safe-area-inset-bottom));left:0;right:0;z-index:35}
 body[data-studio-view="home"] #websiteTaskActions {display:none}
 body[data-studio-view="editor"] .controls {padding-bottom:130px}
 .pub-toolbar {gap:var(--lb-space-2,8px)}
 .pub-preview-pane {margin-top:var(--lb-space-4,16px)}
 #articleTaskActions {position:fixed;left:0;right:0;bottom:0;padding-bottom:calc(var(--lb-space-3,12px) + env(safe-area-inset-bottom))}
 #contactForm .formgrid {grid-template-columns:1fr}
 #contactForm .lb-task-options label {display:block}
}

@media(max-width:760px){.workspace[data-ux-step="write"] .editor{padding-bottom:110px}}