:root{color-scheme:light;--primary-text: #fff;--primary-hover-text: var(--primary-text);--card-surface: var(--bg-2);--depth-shadow: rgba(30, 25, 45, .1);--surface-highlight: rgba(255, 255, 255, .55);--surface-shading: linear-gradient(180deg, var(--surface-highlight), transparent 65%);--card-shadow: inset 0 1px 0 var(--surface-highlight), 0 2px 6px -3px var(--depth-shadow), 0 8px 20px -16px var(--depth-shadow);--card-shadow-hover: inset 0 1px 0 var(--surface-highlight), 0 4px 12px -5px var(--depth-shadow), 0 12px 24px -16px var(--depth-shadow);--button-shadow: inset 0 1px 0 var(--surface-highlight), 0 1px 2px var(--depth-shadow);--bg: #ffffff;--bg-2: #f5f5f7;--bg-3: #ebebed;--border: #d1d1d6;--text: #1d1d1f;--text-2: #6e6e73;--primary: #2563eb;--primary-hover: #1d4ed8;--danger: #dc2626;--danger-hover: #b91c1c;--radius: 8px;--card-radius: 12px;--border-soft: color-mix(in srgb, var(--border) 70%, transparent);--control-bg: color-mix(in srgb, var(--bg-3) 55%, var(--bg));--shadow: 0 1px 4px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .04);--bg-input: var(--bg-2);--text-muted: var(--text-2);--focus: var(--primary);--text-secondary: var(--text-2);--btn-bg: var(--bg-3);--btn-bg-hover: var(--border);--border-hover: var(--text-2)}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--depth-shadow: rgba(0, 0, 0, .28);--surface-highlight: rgba(255, 255, 255, .05);--bg: #1c1c1e;--bg-2: #2c2c2e;--bg-3: #3a3a3c;--border: #48484a;--text: #f5f5f7;--text-2: #98989d;--primary: #3b82f6;--primary-hover: #60a5fa;--danger: #ef4444;--danger-hover: #f87171;--shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .04)}}:root[data-theme=dark]{--bg: #1c1c1e;--bg-2: #2c2c2e;--bg-3: #3a3a3c;--border: #48484a;--text: #f5f5f7;--text-2: #98989d;--primary: #3b82f6;--primary-hover: #60a5fa;--danger: #ef4444;--danger-hover: #f87171;--shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .04)}:root[data-theme=catppuccin-latte]{--bg: #eff1f5;--bg-2: #e6e9ef;--bg-3: #ccd0da;--border: #bcc0cc;--text: #4c4f69;--text-2: #5c5f77;--primary: #1e66f5;--primary-hover: #0d53d8;--danger: #d20f39;--danger-hover: #ba0521;--shadow: 0 1px 4px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .04)}:root[data-theme=catppuccin-frappe]{--bg: #303446;--bg-2: #292c3c;--bg-3: #414559;--border: #51576d;--text: #c6d0f5;--text-2: #b5bfe2;--primary: #8caaee;--primary-hover: #abd0ec;--danger: #e78284;--danger-hover: #ed9399;--shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .04)}:root[data-theme=catppuccin-macchiato]{--bg: #24273a;--bg-2: #1e2030;--bg-3: #363a4f;--border: #494d64;--text: #cad3f5;--text-2: #b8c0e0;--primary: #8aadf4;--primary-hover: #abd0ec;--danger: #ed8796;--danger-hover: #f0a5c8;--shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .04)}:root[data-theme=catppuccin-mocha]{--bg: #1e1e2e;--bg-2: #181825;--bg-3: #313244;--border: #45475a;--text: #cdd6f4;--text-2: #bac2de;--primary: #89b4fa;--primary-hover: #a6d8f4;--danger: #f38ba8;--danger-hover: #f5a5d0;--shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .04)}:root[data-theme=gruvbox-dark]{--bg: #282828;--bg-2: #3c3836;--bg-3: #504945;--border: #665c54;--text: #ebdbb2;--text-2: #a89984;--primary: #83a598;--primary-hover: #9fbf91;--danger: #fb4934;--danger-hover: #fd5a46;--shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .04)}:root[data-theme=gruvbox-light]{--bg: #fbf1c7;--bg-2: #f2e5bc;--bg-3: #ebdbb2;--border: #d5c4a1;--text: #3c3836;--text-2: #7c6f64;--primary: #076678;--primary-hover: #0f6fa3;--danger: #cc241d;--danger-hover: #e5362a;--shadow: 0 1px 4px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .04)}:root[data-theme=nord]{--bg: #2e3440;--bg-2: #3b4252;--bg-3: #434c5e;--border: #4c566a;--text: #eceff4;--text-2: #d8dee9;--primary: #88c0d0;--primary-hover: #a3d9ea;--danger: #bf616a;--danger-hover: #d08073;--shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .04)}:root[data-theme=dracula]{--bg: #282a36;--bg-2: #1e1f29;--bg-3: #44475a;--border: #6272a4;--text: #f8f8f2;--text-2: #6272a4;--primary: #bd93f9;--primary-hover: #cca3ff;--danger: #ff5555;--danger-hover: #ff6666;--shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .04)}:root[data-theme=one-dark]{--bg: #282c34;--bg-2: #21252b;--bg-3: #2c313c;--border: #3e4451;--text: #abb2bf;--text-2: #5c6370;--primary: #61afef;--primary-hover: #7ebef0;--danger: #e06c75;--danger-hover: #e88b8b;--shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .04)}:root[data-theme=solarized-light]{--bg: #fdf6e3;--bg-2: #eee8d5;--bg-3: #e0d9c3;--border: #cdc9b0;--text: #657b83;--text-2: #93a1a1;--primary: #268bd2;--primary-hover: #2b8cd7;--danger: #dc322f;--danger-hover: #e64a2c;--shadow: 0 1px 4px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .04)}:root[data-theme=solarized-dark]{--bg: #002b36;--bg-2: #073642;--bg-3: #0d4454;--border: #1c5260;--text: #839496;--text-2: #586e75;--primary: #268bd2;--primary-hover: #2b8cd7;--danger: #dc322f;--danger-hover: #e64a2c;--shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .04)}:root:is([data-theme=dark],[data-theme=catppuccin-frappe],[data-theme=catppuccin-macchiato],[data-theme=catppuccin-mocha],[data-theme=gruvbox-dark],[data-theme=nord],[data-theme=dracula],[data-theme=one-dark],[data-theme=solarized-dark]){color-scheme:dark;--depth-shadow: rgba(0, 0, 0, .28);--surface-highlight: rgba(255, 255, 255, .05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);overflow:hidden}button{font:inherit;cursor:pointer;border:none;border-radius:var(--radius);padding:6px 12px;background:var(--control-bg);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-soft),0 1px 2px -1px var(--depth-shadow);transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease;font-size:13px;font-weight:500}button:hover:not(:disabled){background:color-mix(in srgb,var(--bg-3) 85%,var(--bg))}button.primary{background:var(--primary);color:var(--primary-text);background-image:linear-gradient(180deg,rgba(255,255,255,.1),transparent);box-shadow:var(--button-shadow)}button.primary:hover:not(:disabled){background:var(--primary-hover);color:var(--primary-hover-text);background-image:linear-gradient(180deg,rgba(255,255,255,.1),transparent)}button.danger{box-shadow:none;background:transparent;color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger);color:#fff}button.ghost{box-shadow:none;background:transparent;color:var(--text-2);padding:4px 8px}button.ghost:hover:not(:disabled){background:var(--bg-3);color:var(--text)}input,textarea,select{font:inherit;background:var(--bg-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;width:100%;outline:none;transition:border-color .15s,background .15s,box-shadow .15s;font-size:13px}input,textarea{font-family:Fira Code,Cascadia Code,Consolas,monospace}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)}textarea{resize:vertical;min-height:80px}label{font-size:12px;font-weight:500;color:var(--text);display:block;margin-bottom:4px}.field{display:flex;flex-direction:column;gap:4px}code,pre{font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:12px}button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}button.primary:active:not(:disabled){box-shadow:inset 0 1px 3px var(--depth-shadow)}button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}@media (prefers-reduced-motion: reduce){button,.card{transition:none!important}}