.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;display:flex;flex-direction:column;gap:.875rem;max-width:30rem;color:var(--color-fg);font-size:.875rem}.dark .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 input:where(:not([type=checkbox],[type=radio],[type=file],[type=range],[type=color])){padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-bg);color:var(--color-fg);font-family:inherit;font-size:.875rem}.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 input:where(:not([type=checkbox],[type=radio],[type=file],[type=range],[type=color])):-moz-read-only{background:var(--color-surface);color:var(--color-fg-muted)}.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 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 label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:500}.demo .actions{display:flex;flex-wrap:wrap;gap:.4rem}.demo .actions button{align-self:auto;margin-top:0;padding:.35rem .7rem;border:1px solid var(--color-border-strong);border-radius:.375rem;background:var(--color-bg);color:var(--color-fg);font-size:.75rem;font-weight:500}.demo .actions button:hover:not(:disabled){background:var(--color-surface-2)}.demo .actions.mono button{font-family:ui-monospace,monospace}.demo button.primary{align-self:flex-start;border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-fg);font-weight:600}.demo button.primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.demo .actions button.primary{padding:.35rem .8rem}.demo .error,.demo em{color:var(--color-danger);font-size:.8125rem;font-style:normal;font-weight:400}.demo .hint{margin:0;font-size:.75rem;line-height:1.5;color:var(--color-fg-muted)}.demo code{padding:.05rem .3rem;border-radius:.25rem;background:var(--color-surface-2);font-size:.9em}.demo code,.demo pre{font-family:ui-monospace,monospace}.demo pre{margin:0;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-surface);color:var(--color-fg);font-size:.75rem;overflow:auto}.demo section{display:flex;flex-direction:column;gap:.375rem}.demo section h4{margin:0;font-size:.8125rem;font-weight:600}.demo .stack{display:flex;flex-direction:column;gap:.625rem}.demo .grid,.demo .layout,.demo.grid,.demo.layout{display:grid;grid-template-columns:1fr;gap:1.25rem}.demo.grid,.demo.layout{max-width:none}@media(min-width:760px){.demo .layout.split,.demo.layout.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.demo .layout.split3,.demo.layout.split3{grid-template-columns:repeat(3,minmax(0,1fr))}}.checks[data-v-c1456a2a]{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.25rem;font-size:.75rem}.checks li[data-v-c1456a2a]{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.checks li code[data-v-c1456a2a]{flex:0 1 auto}.avail[data-v-c1456a2a]{padding:.05rem .4rem;border-radius:999px;font-size:.7rem;font-weight:500}.avail.free[data-v-c1456a2a]{background:var(--color-success-soft);color:var(--color-success)}.avail.taken[data-v-c1456a2a]{background:var(--color-danger-soft);color:var(--color-danger)}.cache-flag[data-v-c1456a2a]{padding:.05rem .3rem;border-radius:.25rem;background:var(--color-surface-2);color:var(--color-fg-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}