.demo-step-slots .demo{--color-bg:#fff;--color-fg:#101828;--color-fg-muted:#475467;--color-fg-subtle:#667085;--color-surface:#f9fafb;--color-surface-2:#f2f4f7;--color-surface-3:#eaecf0;--color-border:#eaecf0;--color-border-strong:#d0d5dd;--color-accent:#6938ef;--color-accent-hover:#5925dc;--color-accent-fg:#fff;--color-accent-soft:#f4f3ff;--color-accent-soft-fg:#5925dc;--color-success:#17b26a;--color-success-soft:#ecfdf3;--color-warning:#f79009;--color-warning-soft:#fffaeb;--color-danger:#f04438;--color-danger-soft:#fef3f2;max-width:30rem;color:var(--color-fg);flex-direction:column;gap:.875rem;font-size:.875rem;display:flex}.dark .demo-step-slots .demo{--color-bg:#0c111d;--color-fg:#f9fafb;--color-fg-muted:#98a2b3;--color-fg-subtle:#667085;--color-surface:#101828;--color-surface-2:#1d2939;--color-surface-3:#344054;--color-border:#1d2939;--color-border-strong:#344054;--color-accent:#7a5af8;--color-accent-hover:#9b8afb;--color-accent-fg:#0c111d;--color-accent-soft:#27115f;--color-accent-soft-fg:#bdb4fe;--color-success:#47cd89;--color-success-soft:#074d31;--color-warning:#fdb022;--color-warning-soft:#7a2e0e;--color-danger:#f97066;--color-danger-soft:#7a271a}.demo-step-slots .demo input:where(:not([type=checkbox],[type=radio],[type=file],[type=range],[type=color])){border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg);border-radius:.375rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.demo-step-slots .demo input:where(:not([type=checkbox],[type=radio],[type=file],[type=range],[type=color])):focus{outline:2px solid var(--color-accent);outline-offset:-1px}.demo-step-slots .demo input:where(:not([type=checkbox],[type=radio],[type=file],[type=range],[type=color])):read-only{background:var(--color-surface);color:var(--color-fg-muted)}.demo-step-slots .demo input:where(:not([type=checkbox],[type=radio],[type=file],[type=range],[type=color])):disabled{background:var(--color-surface);color:var(--color-fg-subtle);cursor:not-allowed}.demo-step-slots .demo textarea{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg);resize:vertical;border-radius:.375rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.demo-step-slots .demo select:focus,.demo-step-slots .demo textarea:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.demo-step-slots .demo select{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg);border-radius:.375rem;padding:.4rem .6rem;font-family:inherit;font-size:.875rem}.demo-step-slots .demo select:disabled{background:var(--color-surface);color:var(--color-fg-subtle);cursor:not-allowed}.demo-step-slots .demo label{flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.demo-step-slots .demo button.ghost{border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-fg);border-radius:.375rem;align-self:flex-start;margin-top:0;padding:.375rem .75rem;font-size:.8125rem;font-weight:500}.demo-step-slots .demo button.ghost:hover:not(:disabled){background:var(--color-surface-2)}.demo-step-slots .demo button.ghost:disabled{opacity:.5;cursor:not-allowed}.demo-step-slots .demo button.primary{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-fg);align-self:flex-start;font-weight:600}.demo-step-slots .demo button.primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.demo-step-slots .demo .actions button.primary{padding:.35rem .8rem}.demo-step-slots .demo .error,.demo-step-slots .demo em{color:var(--color-danger);font-size:.8125rem;font-style:normal;font-weight:400}.demo-step-slots .demo code{background:var(--color-surface-2);border-radius:.25rem;padding:.05rem .3rem;font-family:ui-monospace,monospace;font-size:.9em}.demo-step-slots .demo .muted{color:var(--color-fg-subtle)}.demo-step-slots .demo .required{color:var(--color-danger);margin-left:.125rem;font-weight:600}.demo-step-slots .demo pre{color:var(--color-fg);margin:0;font-family:ui-monospace,monospace;font-size:.75rem;overflow:auto}.demo-step-slots .demo .banner,.demo-step-slots .demo pre{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.375rem;padding:.5rem .75rem}.demo-step-slots .demo .banner{font-size:.8125rem;font-weight:500}.demo-step-slots .demo .banner .chips{margin-left:auto}.demo-step-slots .demo .banner.idle{background:var(--color-surface-2);color:var(--color-fg-muted)}.demo-step-slots .demo .banner.pending{background:var(--color-accent-soft);color:var(--color-accent-soft-fg)}.demo-step-slots .demo .banner.busy{background:var(--color-warning-soft);color:var(--color-warning)}.demo-step-slots .demo .banner.error,.demo-step-slots .demo .banner.failed{background:var(--color-danger-soft);color:var(--color-danger)}.demo-step-slots .demo .banner.saved,.demo-step-slots .demo .banner.success{background:var(--color-success-soft);color:var(--color-success)}.demo-step-slots .demo .card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;flex-direction:column;gap:.625rem;padding:.875rem;display:flex}.demo-step-slots .demo .card[aria-busy=true]{opacity:.85}.demo-step-slots .demo .stack{flex-direction:column;gap:.625rem;display:flex}.demo-step-slots .demo .progress{background:var(--color-surface-2);border-radius:999px;height:.375rem;overflow:hidden}.demo-step-slots .demo .progress-fill{background:var(--color-accent);height:100%;transition:width .2s}.demo-step-slots .demo .rail{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.demo-step-slots .demo .rail li{flex:6rem;display:flex}.demo-step-slots .demo .step-button{background:var(--color-surface-2);color:var(--color-fg-muted);text-align:left;cursor:pointer;border:0;border-radius:.375rem;flex:1;align-items:center;gap:.375rem;padding:.375rem .5rem;font-family:inherit;font-size:.75rem;font-weight:400;transition:filter .12s;display:flex}.demo-step-slots .demo .step-button:hover{filter:brightness(.97)}.demo-step-slots .demo .step-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.demo-step-slots .demo .rail li.current .step-button{background:var(--color-accent-soft);color:var(--color-accent-soft-fg);font-weight:500}.demo-step-slots .demo .rail li.done .step-button{background:var(--color-success-soft);color:var(--color-success)}.demo-step-slots .demo .step-num{background:var(--color-bg);border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-family:ui-monospace,monospace;font-size:.75rem;display:inline-flex}.demo-step-slots .demo .wizard-nav{align-items:center;gap:.75rem;display:flex}.demo-step-slots .demo .wizard-nav button{align-self:auto;margin-top:0}.demo-step-slots .demo .step-of{text-align:center;color:var(--color-fg-muted);flex:1;font-family:ui-monospace,monospace;font-size:.75rem}.demo .card[data-v-0d224f57],.demo form[data-v-0d224f57]{min-height:12rem}.demo .card h3[data-v-0d224f57]{margin:0;font-size:1rem;font-weight:600}.demo .card p[data-v-0d224f57]{margin:0;font-size:.875rem;line-height:1.45}.demo .muted[data-v-0d224f57]{font-size:.8125rem}.demo pre[data-v-0d224f57]{max-height:14rem}.demo .reset-row[data-v-0d224f57]{justify-content:flex-end;display:flex}.demo button.ghost.subtle[data-v-0d224f57]{color:var(--color-fg-muted);padding:.25rem .625rem;font-size:.75rem}.demo .lazy-probe[data-v-0d224f57]{--probe-bg:#fffbeb;--probe-border:#fde68a;--probe-ink:#78350f;--probe-label:#92400e;border:1px solid var(--probe-border);background:var(--probe-bg);color:var(--probe-ink);border-radius:.375rem;padding:.625rem .75rem;font-size:.8125rem}.demo .lazy-probe strong[data-v-0d224f57]{margin-bottom:.25rem;font-weight:600;display:block}.demo .lazy-probe dl[data-v-0d224f57]{-moz-column-gap:.5rem;grid-template-columns:max-content 1fr;gap:.125rem .5rem;margin:.25rem 0 .375rem;display:grid}.demo .lazy-probe dt[data-v-0d224f57]{color:var(--probe-label);font-weight:500}.demo .lazy-probe dd[data-v-0d224f57]{color:var(--probe-ink);margin:0;font-family:ui-monospace,monospace}.demo .lazy-probe .muted[data-v-0d224f57]{color:var(--probe-label);margin:0}.dark{--probe-bg:#2e1c05;--probe-border:#78491a;--probe-ink:#fcd34d;--probe-label:#fbbf24}