:root{--color-background:#1a1f2e;--color-foreground:#e2e8f0;--color-secondary:#2a3142;--color-muted:#64748b;--color-destructive:#ef4444;--color-primary:#4169e1;--color-primary-hover:#5b7fe8;--color-cyan:#8be9fd;--color-green:#50fa7b;--color-orange:#ffb86c;--color-pink:#ff79c6;--color-purple:#bd93f9;--color-red:#f55;--color-yellow:#f1fa8c;--color-comment:#6272a4;--size-4-1:4px;--size-4-2:8px;--size-4-3:12px;--size-4-4:16px;--size-4-5:20px;--size-4-6:24px;--size-4-8:32px;--size-4-12:48px;--card-padding:16px;--card-radius:10px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #00000026;--shadow-lg:0 8px 24px #00000040;--selection-bg:#4169e114;--timeline-dot-size:14px;--panel-navbar-height:56px;--panel-ribbon-width:50px;--panel-ribbon-height-mobile:60px;--panel-statusbar-height:30px;--panel-editor-header-height:48px;--panel-sidebar-width:clamp(200px,18vw,320px);--panel-sidebar-min:200px;--panel-sidebar-max:400px;--panel-metadata-width:clamp(240px,20vw,360px);--panel-metadata-min:240px;--panel-metadata-max:480px;--panel-testing-width:0px;--panel-testing-min:300px;--panel-testing-max:600px;--content-min-width:400px;--panel-transition:.2s ease;--background-primary:var(--color-background);--background-secondary:var(--color-secondary);--background-modifier-border:var(--color-muted);--background-modifier-hover:#4169e11a;--text-normal:var(--color-foreground);--text-muted:var(--color-muted);--text-faint:var(--color-comment);--text-link:var(--color-primary);--text-accent:var(--color-primary);--text-accent-hover:var(--color-primary-hover);--interactive-normal:var(--color-secondary);--interactive-hover:var(--color-primary);--interactive-accent:var(--color-primary);--interactive-accent-hover:var(--color-primary-hover);--interactive-success:var(--color-green);--border-color:var(--color-muted);--border-radius:.5rem;--z-base:0;--z-editor-header:50;--z-sidebar:100;--z-bottom-sheet:200;--z-fab:300;--z-modal-backdrop:400;--z-modal:500;--z-command-palette:600;--z-toast:700;--z-tooltip:800;--markdown-heading:var(--color-primary);--markdown-bold:var(--color-primary);--markdown-italic:var(--color-primary);--markdown-code:var(--color-pink);--markdown-code-bg:var(--color-secondary);--markdown-link:var(--color-primary);--markdown-quote:var(--color-comment);--background:var(--background-primary);--foreground:var(--text-normal);--primary:var(--color-primary);--secondary:var(--background-secondary);--accent:var(--interactive-accent);--border:var(--border-color);--hover:var(--background-modifier-hover);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:0;height:0}html{height:100%}body{background-color:var(--background);width:100%;height:100%;color:var(--foreground);flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden}#root{display:contents}a{color:var(--text-link);text-decoration:none;transition:color .2s}a:hover{color:var(--text-accent-hover)}h1,h2,h3,h4,h5,h6{color:var(--foreground);font-weight:600;line-height:1.2}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}button{cursor:pointer;font-family:inherit}button:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg{stroke:currentColor}button svg,[role=button] svg,[class*=btn] svg,[class*=button] svg,[class*=link] svg,[class*=action] svg,[class*=close] svg,[class*=copy] svg{color:currentColor;stroke:currentColor!important}.btn-primary svg,button.btn-primary svg,.btn-danger svg,button.btn-danger svg{color:#fff;stroke:#fff!important}code{background-color:var(--markdown-code-bg);color:var(--markdown-code);border-radius:.25rem;padding:.2em .4em;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em}::selection{background-color:var(--color-primary);color:#fff}.btn{cursor:pointer;color:var(--text-normal);background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--background-modifier-hover);border-color:var(--color-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{color:inherit;flex-shrink:0}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.btn-primary svg{color:#fff}.btn-secondary{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal)}.btn-secondary:hover:not(:disabled){background:var(--background-modifier-hover);border-color:var(--color-primary)}.btn-secondary svg{color:var(--text-muted)}.btn-secondary:hover:not(:disabled) svg{color:var(--color-primary)}.btn-danger{background:var(--color-red);border-color:var(--color-red);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-danger svg{color:#fff}.btn-danger-ghost{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal)}.btn-danger-ghost svg{color:var(--text-normal)}.btn-danger-ghost:hover:not(:disabled){border-color:var(--color-red);color:var(--color-red);background:#ff55551a}.btn-danger-ghost:hover:not(:disabled) svg{color:var(--color-red)}.btn-icon{background:var(--background-secondary);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-normal);border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover:not(:disabled){background:var(--background-modifier-hover);border-color:var(--color-primary)}.btn-icon svg{color:var(--text-normal)}.btn-icon:hover:not(:disabled) svg{color:var(--color-primary)}.btn-icon.btn-danger-ghost{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal)}.btn-icon.btn-danger-ghost svg{color:var(--text-normal)!important}.btn-icon.btn-danger-ghost:hover:not(:disabled){border-color:var(--color-red);color:var(--color-red);background:#ff55551a}.btn-icon.btn-danger-ghost:hover:not(:disabled) svg{color:var(--color-red)!important}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon.btn-sm{width:32px;height:32px}