.workflow-page{max-width:1180px;margin:auto;padding:24px}.wf-hero{background:linear-gradient(135deg,#eff6ff,#f0fdfa);border:1px solid #bfdbfe;border-radius:24px;padding:26px;margin-bottom:20px}.wf-hero h1{margin:0 0 10px;font-size:clamp(28px,4vw,44px)}.wf-note{color:#475569}.wf-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}.wf-card{background:#fff;border:1px solid #dbeafe;border-radius:20px;padding:20px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.wf-drop{border:2px dashed #60a5fa;border-radius:18px;padding:34px;text-align:center;background:#f8fbff;cursor:pointer}.wf-drop.dragover{background:#dbeafe}.wf-drop button,.wf-primary{min-height:46px;border:0;border-radius:12px;background:#2563eb;color:#fff;font-weight:800;padding:0 18px;cursor:pointer}.wf-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.wf-toolbar button,.wf-step-actions button,.wf-secondary{min-height:40px;border:1px solid #bfdbfe;background:#fff;border-radius:10px;padding:0 12px;cursor:pointer}.wf-steps{display:grid;gap:10px}.wf-step{border:1px solid #dbeafe;border-radius:14px;padding:14px;background:#f8fafc}.wf-step-head{display:flex;align-items:center;gap:10px}.wf-step-head strong{flex:1}.wf-step-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.wf-step label{display:grid;gap:5px;font-size:13px;color:#475569}.wf-step input,.wf-step select{min-height:40px;border:1px solid #cbd5e1;border-radius:9px;padding:0 10px;background:#fff}.wf-step[aria-disabled="true"]{opacity:.55}.wf-files{display:grid;gap:8px;margin-top:14px}.wf-file{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:12px;padding:10px}.wf-file img{width:56px;height:56px;object-fit:cover;border-radius:8px;background:#f1f5f9}.wf-file small{display:block;color:#64748b}.wf-progress{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-top:8px}.wf-progress i{display:block;height:100%;background:#2563eb;width:0}.wf-result{margin-top:16px;padding:14px;border-radius:14px;background:#ecfdf5;border:1px solid #a7f3d0}.wf-recipe{display:grid;gap:8px}.wf-recipe button{text-align:left;padding:14px;border:1px solid #dbeafe;border-radius:12px;background:#fff;cursor:pointer}.wf-recipe button b{display:block}.wf-status{margin-top:12px;color:#334155;min-height:24px}.wf-warning{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:12px;color:#9a3412}.wf-hidden{display:none!important}@media(max-width:860px){.wf-grid{grid-template-columns:1fr}.workflow-page{padding:14px}.wf-step-body{grid-template-columns:1fr}.wf-file{grid-template-columns:48px 1fr}.wf-file .wf-file-actions{grid-column:1/-1}.wf-card{padding:15px}}

/* v3.15.4 workflow studio UX */
.wf-planner{display:grid;grid-template-columns:minmax(220px,.72fr) 1.4fr;gap:18px;align-items:center;background:#fff;border:1px solid #dbeafe;border-radius:20px;padding:20px;margin-bottom:20px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.wf-kicker{display:inline-block;font-size:12px;font-weight:900;color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:5px 9px}.wf-planner h2,.wf-input-card>h2,.wf-chain-heading h2{margin:8px 0}.wf-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.wf-palette button{display:grid;gap:4px;text-align:left;border:1px solid #cbd5e1;border-radius:14px;background:#fff;padding:13px;cursor:pointer}.wf-palette button.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px #bfdbfe}.wf-palette span{font-size:12px;color:#64748b}.wf-run-modes,.wf-failure-modes{border:1px solid #dbeafe;border-radius:14px;margin:14px 0;padding:12px;display:grid;gap:8px}.wf-run-modes legend,.wf-failure-modes legend{font-weight:800;padding:0 6px}.wf-run-modes label{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid #e2e8f0;border-radius:11px}.wf-run-modes small{display:block;color:#64748b;margin-top:3px}.wf-failure-modes label{display:flex;gap:8px}.wf-plan-summary{display:grid;gap:4px;border-radius:14px;background:#f0fdf4;border:1px solid #bbf7d0;padding:13px}.wf-plan-summary span,.wf-plan-summary small{color:#476052}.wf-chain-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.wf-drag-help{font-size:12px;color:#64748b}.wf-compatibility{display:grid;gap:3px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:11px;margin:12px 0}.wf-compatibility span{font-size:12px;color:#475569}.wf-drag-handle{cursor:grab;font-size:18px;color:#64748b}.wf-step{transition:opacity .15s,transform .15s,box-shadow .15s}.wf-step.dragging{opacity:.45;box-shadow:0 12px 24px rgba(15,23,42,.18)}.wf-step-disabled{opacity:.55}.wf-step-dialog{max-width:520px;border:0;border-radius:20px;padding:0;box-shadow:0 25px 80px rgba(15,23,42,.35)}.wf-step-dialog::backdrop{background:rgba(15,23,42,.55)}.wf-step-dialog form{padding:24px}.wf-dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:20px}.wf-dialog-actions button{min-height:42px;border:1px solid #cbd5e1;background:#fff;border-radius:11px;padding:0 14px}.wf-dialog-actions .wf-primary{background:#2563eb;color:#fff;border-color:#2563eb}.wf-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)}
@media(max-width:900px){.wf-planner{grid-template-columns:1fr}.wf-palette{grid-template-columns:1fr 1fr}.wf-grid{grid-template-columns:1fr}.wf-chain-card{order:-1}}@media(max-width:520px){.wf-palette{grid-template-columns:1fr}.wf-chain-heading{display:grid}.wf-dialog-actions{display:grid}.wf-dialog-actions button{width:100%}}