.wf-form{display:flex;flex-direction:column;gap:1.25rem}.wf-loading{font-size:.875rem;color:#71717a;font-style:italic}.wf-sec{display:flex;flex-direction:column;gap:.5rem}.wf-sec-title{font-size:.9375rem;font-weight:700;color:#fff}.wf-sec-hint{font-size:.8125rem;color:#a1a1aa;line-height:1.5}.wf-chips{display:flex;flex-wrap:wrap;gap:.5rem}.wf-chip{position:relative;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:600;color:#d4d4d8;background:#18181b;border:1px solid #3f3f46;cursor:pointer;user-select:none}.wf-chip input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.wf-chip:focus-within{outline:2px solid #60a5fa;outline-offset:2px}.wf-chip.is-on{color:#fff;border-color:#10b981;background:#10b98124}.wf-chip svg,.wf-chip i{width:16px;height:16px}.wf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.wf-field{display:flex;flex-direction:column;gap:.4rem}.wf-label{font-size:.75rem;font-weight:700;color:#a1a1aa;text-transform:uppercase;letter-spacing:.04em}.wf-hint{font-size:.75rem;color:#71717a;line-height:1.4}.wf-seg{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;border-radius:10px;background:#18181b;border:1px solid #3f3f46;width:fit-content;max-width:100%}.wf-seg-btn{min-height:32px;padding:0 .8rem;border-radius:7px;font-size:.8125rem;font-weight:600;color:#a1a1aa;background:transparent;border:none;cursor:pointer}.wf-seg-btn:hover{color:#fff}.wf-seg-btn.is-on{background:#059669;color:#fff}.wf-order{display:flex;flex-direction:column;gap:.3rem;max-width:420px;padding:0;margin:0;list-style:none}.wf-order-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:8px;background:#18181b;border:1px solid #27272a}.wf-order-n{width:22px;text-align:center;font-size:.75rem;font-weight:800;color:#71717a}.wf-order-l{flex:1;font-size:.875rem;color:#e4e4e7}.wf-icon-btn{width:28px;height:28px;border-radius:6px;font-size:.875rem;color:#a1a1aa;background:transparent;border:1px solid #3f3f46;cursor:pointer}.wf-icon-btn:hover:not(:disabled){background:#27272a;color:#fff}.wf-icon-btn:disabled{opacity:.35;cursor:default}.wf-recipes{display:flex;flex-direction:column;gap:.5rem}.wf-recipe{padding:.65rem .8rem;border-radius:10px;background:#18181b;border:1px solid #3f3f46}.wf-recipe.is-off{opacity:.7}.wf-recipe-top{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer}.wf-recipe-top input{margin-top:.2rem;accent-color:#10b981;flex:none}.wf-recipe-text{flex:1;display:flex;flex-direction:column;gap:.15rem}.wf-recipe-text strong{font-size:.875rem;color:#fff}.wf-recipe-text small{font-size:.75rem;color:#a1a1aa;line-height:1.45}.wf-tag{flex:none;font-size:.6875rem;font-weight:700;padding:.1rem .45rem;border-radius:6px;color:#d4d4d8;background:#27272a;border:1px solid #3f3f46;white-space:nowrap}.wf-tag-ai{color:#e9d5ff;background:#a855f726;border-color:#a855f766}.wf-recipe-extra{display:flex;flex-wrap:wrap;gap:.75rem;margin:.5rem 0 0 1.6rem}.wf-param{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:#a1a1aa}.wf-num{width:64px;padding:.25rem .4rem;background:#09090b;border:1px solid #3f3f46;border-radius:6px;color:#fff;font-size:.8125rem}.wf-server input{accent-color:#3b82f6}.wf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:1rem;border-top:1px solid #3f3f46}.wf-status{font-size:.75rem;color:#a1a1aa}.wf-status.is-ok{color:#34d399}.wf-status.is-bad{color:#f87171}.wfo-backdrop{position:fixed;inset:0;z-index:1250;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000a6}.wfo-modal{width:min(640px,100%);max-height:calc(100vh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:#18181b;border:1px solid #3f3f46;border-radius:16px;box-shadow:0 24px 64px #0000008c;padding:1.25rem 1.4rem}.wfo-head h3{font-size:1.2rem;font-weight:800;color:#fff}.wfo-head p{font-size:.875rem;color:#a1a1aa;margin-top:.3rem;line-height:1.5}.wfo-q{display:flex;flex-direction:column;gap:.5rem}.wfo-q-title{font-size:.875rem;font-weight:700;color:#fff}.wfo-preview{padding:.75rem .9rem;border-radius:12px;background:#10b9810f;border:1px solid rgba(16,185,129,.3);display:flex;flex-direction:column;gap:.35rem}.wfo-preview p{font-size:.8125rem;color:#d4d4d8;line-height:1.45}.wfo-preview strong{color:#fff}.wfo-check{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;color:#d4d4d8;cursor:pointer}.wfo-check input{margin-top:.2rem;accent-color:#10b981}.wfo-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.wfo-btn{min-height:38px;padding:0 1rem;border-radius:9px;font-size:.875rem;font-weight:700;background:#27272a;color:#e4e4e7;border:1px solid #3f3f46;cursor:pointer}.wfo-btn:hover{background:#3f3f46}.wfo-btn-primary{background:#059669;border-color:#059669;color:#fff}.wfo-btn-primary:hover{background:#047857}.wfo-btn:disabled{opacity:.6;cursor:default}.wfo-error{font-size:.8125rem;color:#f87171}.wfo-error[hidden]{display:none}[data-theme=light] .wf-sec-title{color:#18181b}[data-theme=light] .wf-sec-hint{color:#52525b}[data-theme=light] .wf-chip{color:#18181b;background:#fff;border-color:#d4d4d8}[data-theme=light] .wf-chip.is-on{color:#047857;border-color:#059669;background:#10b9811f}[data-theme=light] .wf-label{color:#52525b}[data-theme=light] .wf-hint{color:#71717a}[data-theme=light] .wf-seg{background:#fff;border-color:#d4d4d8}[data-theme=light] .wf-seg-btn{color:#52525b}[data-theme=light] .wf-seg-btn:hover{color:#18181b}[data-theme=light] .wf-seg-btn.is-on{background:#059669;color:#fff}[data-theme=light] .wf-order-row{background:#fff;border-color:#e4e4e7}[data-theme=light] .wf-order-n{color:#71717a}[data-theme=light] .wf-order-l{color:#18181b}[data-theme=light] .wf-icon-btn{color:#52525b;border-color:#d4d4d8}[data-theme=light] .wf-icon-btn:hover:not(:disabled){background:#f4f4f5;color:#18181b}[data-theme=light] .wf-recipe{background:#fff;border-color:#e4e4e7}[data-theme=light] .wf-recipe-text strong{color:#18181b}[data-theme=light] .wf-recipe-text small{color:#52525b}[data-theme=light] .wf-tag{color:#52525b;background:#e4e4e7;border-color:#d4d4d8}[data-theme=light] .wf-tag-ai{color:#6b21a8;background:#a855f71f;border-color:#7e22ce59}[data-theme=light] .wf-param{color:#52525b}[data-theme=light] .wf-num{background:#fff;border-color:#d4d4d8;color:#18181b}[data-theme=light] .wf-actions{border-top-color:#e4e4e7}[data-theme=light] .wf-status{color:#52525b}[data-theme=light] .wf-status.is-ok{color:#047857}[data-theme=light] .wf-status.is-bad{color:#b91c1c}[data-theme=light] .wfo-backdrop{background:#18181b73}[data-theme=light] .wfo-modal{background:#fff;border-color:#d4d4d8;box-shadow:0 24px 64px #0000002e}[data-theme=light] .wfo-head h3{color:#18181b}[data-theme=light] .wfo-head p{color:#52525b}[data-theme=light] .wfo-q-title{color:#18181b}[data-theme=light] .wfo-preview{background:#10b98114;border-color:#0478574d}[data-theme=light] .wfo-preview p{color:#18181b}[data-theme=light] .wfo-preview strong{color:#047857}[data-theme=light] .wfo-check{color:#18181b}[data-theme=light] .wfo-btn{background:#fff;color:#18181b;border-color:#d4d4d8}[data-theme=light] .wfo-btn:hover{background:#f4f4f5}[data-theme=light] .wfo-btn-primary{background:#059669;border-color:#059669;color:#fff}[data-theme=light] .wfo-btn-primary:hover{background:#047857}[data-theme=light] .wfo-error{color:#b91c1c}
