:root{--bg-color:#f8fafc;--bg-dots:#0000000a;--surface-color:#fff;--surface-hover:#f1f5f9;--text-primary:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--border-focus:#6366f1;--input-bg:#fff;--primary-color:#4f46e5;--primary-hover:#4338ca;--primary-text:#fff;--badge-bg:#e0e7ff;--badge-text:#3730a3;--error-bg:#fef2f2;--error-text:#991b1b;--error-border:#fca5a5;--success-bg:#f0fdf4;--success-text:#166534;--preview-bg:#f8fafc;--code-bg:#0f172a;--code-text:#f8fafc;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000000d, 0 8px 10px -6px #00000008;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--bg-color:#0b0f17;--bg-dots:#ffffff0a;--surface-color:#151d2a;--surface-hover:#1e293b;--text-primary:#f8fafc;--text-muted:#94a3b8;--border-color:#1e293b;--border-focus:#818cf8;--input-bg:#0f172a;--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-text:#fff;--badge-bg:#6366f126;--badge-text:#a5b4fc;--preview-bg:#0f172a;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 20px 25px -5px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(var(--bg-dots) 1px, transparent 1px);min-height:100vh;color:var(--text-primary);background-size:24px 24px;line-height:1.5;transition:background-color .25s,color .25s}button,input{font-family:inherit}.layout.svelte-12qhfyh{flex-direction:column;max-width:900px;min-height:100vh;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex}.header.svelte-12qhfyh{justify-content:space-between;align-items:center;padding-bottom:2rem;display:flex}.logo-badge.svelte-12qhfyh{letter-spacing:-.02em;background:var(--badge-bg);color:var(--badge-text);border-radius:9999px;padding:.35rem .85rem;font-size:1.1rem;font-weight:700}.controls.svelte-12qhfyh{gap:.5rem;display:flex}.btn-control.svelte-12qhfyh{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.btn-control.svelte-12qhfyh:hover{background:var(--surface-hover);border-color:var(--border-focus);transform:translateY(-1px)}.main-content.svelte-12qhfyh{flex-direction:column;flex:1;display:flex}