/* Workflow guidance layer — Liubai tokens only (no product-specific hues). */
[hidden]{display:none!important}
.ux-guide{display:flex;align-items:center;justify-content:space-between;gap:var(--lb-space-6);border:1px solid var(--lb-border);border-radius:var(--lb-radius-lg);padding:var(--lb-space-6);margin:var(--lb-space-2) 0 var(--lb-space-6);background:var(--lb-surface);color:var(--lb-text)}
.ux-guide h1,.ux-guide h2{font-size:var(--lb-text-xl);line-height:var(--lb-leading-tight);margin:var(--lb-space-2) 0;max-width:620px}
.ux-guide p{font-size:var(--lb-text-sm);line-height:1.75;color:var(--lb-text-secondary);margin:var(--lb-space-2) 0}
.ux-kicker{font-size:var(--lb-text-xs);font-weight:var(--lb-weight-semibold);letter-spacing:.14em;color:var(--lb-text-muted)}
.ux-guide>button{flex:none}
.ux-steps{display:flex;gap:var(--lb-space-2);padding:var(--lb-space-1);background:var(--lb-surface-sunken);border:1px solid var(--lb-border);border-radius:var(--lb-radius-lg);margin:var(--lb-space-4) 0 var(--lb-space-6);flex-wrap:wrap}
.ux-steps button{flex:1;background:transparent;color:var(--lb-text-muted);border:0;min-height:48px;white-space:nowrap}
.ux-steps button[aria-current=step]{background:var(--lb-selected-fill);color:var(--lb-selected-text);font-weight:var(--lb-weight-semibold)}
.ux-actions{display:flex;flex-wrap:wrap;gap:var(--lb-space-3);margin:var(--lb-space-4) 0}
.ux-actions button{min-height:var(--lb-touch)}
.ux-ai-details{padding:var(--lb-space-5);border:1px solid var(--lb-border);border-radius:var(--lb-radius-lg);margin:var(--lb-space-5) 0}
.ux-preview-dialog{width:min(960px,94vw);max-width:94vw;padding:var(--lb-space-5)}
.ux-preview-dialog iframe{display:block;width:100%;height:75vh;border:0;background:var(--lb-white);margin-top:var(--lb-space-4)}
.ux-expanded{position:fixed!important;inset:20px!important;z-index:80;background:var(--lb-surface);box-shadow:var(--lb-shadow-overlay);padding:var(--lb-space-6)!important;width:auto!important}
.ux-expanded iframe{height:80vh!important}
@media(max-width:760px){.ux-guide{align-items:stretch;flex-direction:column;padding:var(--lb-space-4);gap:var(--lb-space-3)}.ux-steps button{font-size:var(--lb-text-sm);padding:0 var(--lb-space-2)}.ux-actions>*{flex:1}.ux-expanded{inset:8px!important;padding:var(--lb-space-3)!important}}
#customer{width:min(840px,94vw)}
#contactForm>details{border:1px solid var(--lb-border);border-radius:var(--lb-radius-md);padding:var(--lb-space-1) var(--lb-space-4) var(--lb-space-2);margin:0 0 var(--lb-space-4)}
#crmFormHint{border-left:2px solid var(--lb-silver);padding:var(--lb-space-1) var(--lb-space-3);margin:0 0 var(--lb-space-5);color:var(--lb-text-secondary)}
@media(max-width:760px){#customer{width:100vw}}
.ux-steplist{list-style:none;counter-reset:step;display:flex;flex-wrap:wrap;gap:var(--lb-space-2) var(--lb-space-5);margin:var(--lb-space-3) 0;padding:0;font-size:var(--lb-text-sm);color:var(--lb-text-secondary)}
.ux-steplist li{counter-increment:step;display:flex;align-items:center;gap:var(--lb-space-2)}
.ux-steplist li::before{content:counter(step);display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;border:1px solid var(--lb-icon);color:var(--lb-icon);font-size:var(--lb-text-xs);font-weight:var(--lb-weight-semibold)}
@media(max-width:767px){.ux-steplist{flex-direction:column}}

/* 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 {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}
}