@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--color-bg-primary:#fafbfc;--color-bg-secondary:#fff;--color-bg-tertiary:#f3f4f6;--color-bg-sidebar:#f8f9fb;--color-bg-hover:#eef0f4;--color-bg-active:#e8ebf0;--color-bg-overlay:#0006;--color-text-primary:#1a1d23;--color-text-secondary:#5f6673;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-border:#e5e7eb;--color-border-light:#f0f1f3;--color-border-focus:#6366f1;--color-accent:#6366f1;--color-accent-hover:#5558e6;--color-accent-light:#eef2ff;--color-accent-bg:#6366f114;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--tag-red:#fef2f2;--tag-red-text:#dc2626;--tag-blue:#eff6ff;--tag-blue-text:#2563eb;--tag-green:#f0fdf4;--tag-green-text:#16a34a;--tag-yellow:#fefce8;--tag-yellow-text:#ca8a04;--tag-purple:#faf5ff;--tag-purple-text:#9333ea;--tag-orange:#fff7ed;--tag-orange-text:#ea580c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--line-height:1.6;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #00000008;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #00000008;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.35s ease;--sidebar-width:280px;--sidebar-collapsed-width:56px;--header-height:52px;--editor-max-width:860px;--z-sidebar:40;--z-header:50;--z-modal:100;--z-toast:110;--z-tooltip:120}[data-theme=dark]{--color-bg-primary:#0f1117;--color-bg-secondary:#1a1d27;--color-bg-tertiary:#22252f;--color-bg-sidebar:#141620;--color-bg-hover:#262a36;--color-bg-active:#2d3140;--color-bg-overlay:#0009;--color-text-primary:#e8eaed;--color-text-secondary:#9ca3b0;--color-text-tertiary:#6b7280;--color-text-inverse:#0f1117;--color-border:#2d3140;--color-border-light:#22252f;--color-border-focus:#818cf8;--color-accent:#818cf8;--color-accent-hover:#6d78f2;--color-accent-light:#818cf826;--color-accent-bg:#818cf814;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0003;--shadow-xl:0 20px 25px -5px #0006, 0 8px 10px -6px #0003;--tag-red:#ef444426;--tag-red-text:#f87171;--tag-blue:#3b82f626;--tag-blue-text:#60a5fa;--tag-green:#10b98126;--tag-green-text:#34d399;--tag-yellow:#f59e0b26;--tag-yellow-text:#fbbf24;--tag-purple:#9333ea26;--tag-purple-text:#a78bfa;--tag-orange:#ea580c26;--tag-orange-text:#fb923c}[data-font-size=small]{--text-xs:10px;--text-sm:12px;--text-base:13px;--text-lg:15px;--text-xl:18px;--text-2xl:22px;--text-3xl:27px}[data-font-size=large]{--text-xs:13px;--text-sm:15px;--text-base:17px;--text-lg:20px;--text-xl:23px;--text-2xl:28px;--text-3xl:34px}[data-font-size=xlarge]{--text-xs:15px;--text-sm:17px;--text-base:20px;--text-lg:23px;--text-xl:27px;--text-2xl:32px;--text-3xl:38px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height);color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;overflow-x:hidden}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}::selection{background:var(--color-accent-light);color:var(--color-accent)}