@custom-variant dark (&:is(.dark *));@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-container: var(--container); --color-backdrop: var(--backdrop); --color-muted-backdrop: var(--muted-backdrop); }*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.app{max-width:900px;margin:48px auto;padding:0 16px}.app-title{margin-bottom:18px}.app-name{font-size:14px;font-weight:600;letter-spacing:.6px}.app-tagline{font-size:12px;color:var(--muted)}.prompt-input{position:relative}.prompt-input input{width:100%;padding:14px 16px;background:linear-gradient(to right,#0b0e14,#131824);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}.prompt-input input::placeholder{color:var(--muted)}.prompt-input input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #3b82f659}.input-hint{margin-top:6px;font-size:12px;color:var(--muted);padding-left:4px}.empty-state{margin-top:32px;padding:16px 18px;background:#13182499;border:1px dashed var(--border);border-radius:10px;max-width:520px}.examples-title{margin:0 0 8px;font-size:13px;color:var(--muted)}.empty-state ul{margin:0;padding-left:18px}.empty-state li{font-size:14px;line-height:1.6}.empty-state:after{content:"";display:block;margin-top:20px;height:1px;background:linear-gradient(to right,transparent,var(--border),transparent)}.canvas{margin-top:28px;display:flex;flex-direction:column;gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;animation:fadeInUp .25s ease-out}.card h3{margin:0 0 8px;font-size:14px;font-weight:600}.card p{margin:6px 0;font-size:14px}pre{margin:8px 0 0;background:#020617;padding:12px;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:13px;overflow-x:auto}.error{color:var(--error)}.warning{color:var(--warning)}.success{color:var(--success)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:root{--background: oklch(1 0 0);--foreground: oklch(.14 0 285);--card: oklch(1 0 0);--card-foreground: oklch(.14 0 285);--popover: oklch(1 0 0);--popover-foreground: oklch(.14 0 285);--primary: oklch(.31 .02 281);--primary-foreground: oklch(.98 0 0);--secondary: oklch(.9676 .0013 286.4);--secondary-foreground: oklch(.2103 .0059 285.9);--muted: oklch(.92 0 260);--muted-foreground: oklch(.5519 .0137 285.9);--accent: oklch(.97 0 286);--accent-foreground: oklch(.21 0 286);--destructive: oklch(.64 .2 25);--border: oklch(.9219 .0096 242.3);--input: oklch(.9197 .004 286.3);--ring: oklch(.14 0 285);--chart-1: oklch(.72 .15 60);--chart-2: oklch(.62 .2 6);--chart-3: oklch(.53 .2 262);--chart-4: oklch(.7 .13 165);--chart-5: oklch(.62 .2 313);--container: oklch(.98 0 247);--backdrop: oklch(.25 .07 252 / .25);--muted-backdrop: oklch(.25 .07 252 / .1);--radius: .5rem;--panel-left-width: 500px;--panel-right-width: 500px;--sidebar-width: 3rem}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.922 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.556 0 0);--chart-1: oklch(.72 .15 60);--chart-2: oklch(.62 .2 6);--chart-3: oklch(.53 .2 262);--chart-4: oklch(.7 .13 165);--chart-5: oklch(.62 .2 313);--container: oklch(.22 0 0);--backdrop: oklch(.85 0 0 / .15);--muted-backdrop: oklch(.85 0 0 / .08);--radius: .5rem;--panel-left-width: 500px;--panel-right-width: 500px;--sidebar-width: 3rem}:root{--bg: #0b0e14;--surface: #131824;--border: #1f2937;--text: #e5e7eb;--muted: #9ca3af;--accent: #3b82f6;--error: #ef4444}