.sprayfoam-demo{--demo-canvas:#fbf7f2;--demo-surface:#fff;--demo-sand:#f2ece4;--demo-line:#e8e0d6;--demo-ink:#171219;--demo-ink-2:#4a4350;--demo-ink-3:#746c7b;--demo-accent:#e2131a;--demo-accent-deep:#a50d12;--demo-accent-soft:#fde7e7;--demo-accent-ink:#b00e14;--demo-on-accent:#fff;--demo-gradient:linear-gradient(135deg,#e2131a 0%,#a50d12 100%);--demo-good:#15803d;--demo-good-bg:#dcfce7;--demo-good-ink:#166534;--demo-warn:#b45309;--demo-warn-bg:#fef3c7;--demo-warn-ink:#92400e;--demo-bad:#b91c1c;--demo-bad-bg:#fee2e2;--demo-bad-ink:#991b1b;--demo-info:#1d4ed8;--demo-info-bg:#dbeafe;--demo-info-ink:#1e40af;--demo-bezel:#140f16;--demo-stage-bg:linear-gradient(160deg,#fbf7f2 0%,#fbe7e3 55%,#f6d0cf 100%);--demo-r-hero:24px;--demo-r-card:20px;--demo-r-tile:20px;--demo-r-btn:14px;--demo-r-input:14px;--demo-r-plate:12px;--demo-r-check:8px;--demo-r-sheet:28px;--demo-r-pill:999px;--demo-r-photo:16px;--demo-shadow-card:0 1px 2px #10192e0d,0 8px 24px -8px #10192e1a;--demo-shadow-float:0 -2px 24px #10192e14;--demo-shadow-sun:0 8px 20px -6px #e2131a66;--demo-shadow-sheet:0 -8px 40px #10192e2e;--demo-shadow-dialog:0 16px 48px #10192e38;--radius:1rem;--background:var(--demo-canvas);--foreground:var(--demo-ink);--card:var(--demo-surface);--card-foreground:var(--demo-ink);--popover:var(--demo-surface);--popover-foreground:var(--demo-ink);--primary:var(--demo-accent-deep);--primary-foreground:var(--demo-ink);--secondary:var(--demo-sand);--secondary-foreground:var(--demo-ink);--muted:var(--demo-sand);--muted-foreground:var(--demo-ink-2);--accent:var(--demo-accent-soft);--accent-foreground:var(--demo-ink);--destructive:var(--demo-bad);--border:var(--demo-line);--input:var(--demo-line);--ring:var(--demo-accent-deep);font-family:var(--font-demo),system-ui,sans-serif;color:var(--demo-ink);background:var(--demo-canvas);-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums;font-size:16px;line-height:1.5}.sprayfoam-demo [data-slot=button]{border-radius:var(--demo-r-btn);min-height:48px;font-size:15px;font-weight:700}.sprayfoam-demo [data-slot=button][data-variant=default]{background-image:var(--demo-gradient);color:#fff;box-shadow:var(--demo-shadow-sun)}.sprayfoam-demo [data-slot=input],.sprayfoam-demo [data-slot=textarea]{border-radius:var(--demo-r-input);background:var(--demo-sand);min-height:48px;color:var(--demo-ink);box-shadow:none;border:0;font-size:16px;font-weight:600}.sprayfoam-demo [data-slot=input]::placeholder,.sprayfoam-demo [data-slot=textarea]::placeholder{color:var(--demo-ink-2);font-weight:500}.sprayfoam-demo .demo-mono{font-family:var(--font-geist-mono),ui-monospace,monospace;font-weight:600}