.demo-transforms-async .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-transforms-async .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-transforms-async .demo input[type=file]{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg-muted);cursor:pointer;border-radius:.375rem;padding:.35rem .5rem;font-size:.8125rem}.demo-transforms-async .demo input[type=file]:focus-within{outline:2px solid var(--color-accent);outline-offset:-1px}.demo-transforms-async .demo input[type=file]::file-selector-button{background:var(--color-accent-soft);color:var(--color-accent-soft-fg);cursor:pointer;border:0;border-radius:.3rem;margin-right:.65rem;padding:.3rem .65rem;font-family:inherit;font-size:.8125rem;font-weight:600}.demo-transforms-async .demo input[type=file]::file-selector-button:hover{background:var(--color-accent);color:var(--color-accent-fg)}.demo-transforms-async .demo label{flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.demo-transforms-async .demo button{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-fg);cursor:pointer;border-radius:.375rem;align-self:flex-start;margin-top:.25rem;padding:.625rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600}.demo-transforms-async .demo button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.demo-transforms-async .demo button:disabled{opacity:.6;cursor:not-allowed}.demo-transforms-async .demo .actions{flex-wrap:wrap;gap:.4rem;display:flex}.demo-transforms-async .demo .actions button{border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-fg);border-radius:.375rem;align-self:auto;margin-top:0;padding:.35rem .7rem;font-size:.75rem;font-weight:500}.demo-transforms-async .demo .actions button:hover:not(:disabled){background:var(--color-surface-2)}.demo-transforms-async .demo .actions.mono button,.demo-transforms-async .demo code,.demo-transforms-async .demo pre{font-family:ui-monospace,monospace}.demo-transforms-async .demo .hint{color:var(--color-fg-muted);margin:0;font-size:.75rem;line-height:1.5}.demo-transforms-async .demo code{background:var(--color-surface-2);border-radius:.25rem;padding:.05rem .3rem;font-size:.9em}.demo-transforms-async .demo .muted{color:var(--color-fg-subtle)}.demo-transforms-async .demo pre{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);border-radius:.375rem;margin:0;padding:.5rem .75rem;font-size:.75rem;overflow:auto}.demo-transforms-async .demo .panels{grid-template-columns:1fr;gap:.875rem;display:grid}.demo-transforms-async .demo .panel{flex-direction:column;gap:.5rem;display:flex}.demo-transforms-async .demo .panel-title{color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:600}.status[data-v-15dc9c82]{align-items:center;gap:.45rem;margin:0;font-size:.8125rem;font-weight:500;display:flex}.status.busy[data-v-15dc9c82]{color:var(--color-accent)}.status.error[data-v-15dc9c82]{color:var(--color-danger)}.status.done[data-v-15dc9c82]{color:var(--color-success)}.spinner[data-v-15dc9c82]{border:2px solid var(--color-surface-3);border-top-color:var(--color-accent);border-radius:50%;width:.85rem;height:.85rem;animation:.6s linear infinite spin-15dc9c82}@keyframes spin-15dc9c82{to{transform:rotate(1turn)}}