:root{--font-mono:"JetBrains Mono", "IBM Plex Mono", "Courier New", monospace;--bg-primary:#fafafa;--bg-secondary:#f0f0f0;--bg-tertiary:#e8e8e8;--fg-primary:#1a1a1a;--fg-secondary:#555;--fg-muted:#888;--border-color:#d0d0d0;--accent-error:#c62828;--accent-success:#2e7d32;--accent-warn:#ed6c02;--selection-bg:#b3d4fc}@media (prefers-color-scheme:dark){:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--fg-primary:#e0e0e0;--fg-secondary:#a0a0a0;--fg-muted:#666;--border-color:#2a2a2a;--accent-error:#ef5350;--accent-success:#66bb6a;--accent-warn:#ffa726;--selection-bg:#264f78}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-mono);color:var(--fg-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}::selection{background:var(--selection-bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}.app{background:var(--bg-primary);height:100dvh;color:var(--fg-primary);flex-direction:column;display:flex}.toolbar{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex}.toolbar-left{align-items:center;gap:8px;display:flex}.logo{letter-spacing:.5px;color:var(--fg-primary);font-size:15px;font-weight:700}.logo-sub{color:var(--fg-muted);font-size:12px}.toolbar-right{align-items:center;gap:8px;display:flex}.btn{font-family:var(--font-mono);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--fg-primary);cursor:pointer;border-radius:2px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;text-decoration:none;transition:background .1s;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-secondary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.link{color:var(--fg-secondary)}.dropdown-container{position:relative}.dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:100;border-radius:2px;min-width:160px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 2px 8px #00000026}.dropdown-item{text-align:left;width:100%;color:var(--fg-primary);font-family:var(--font-mono);cursor:pointer;border:none;border-bottom:1px solid var(--border-color);background:0 0;padding:8px 12px;font-size:12px;display:block}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-tertiary)}.main{flex:1;display:flex;overflow:hidden}.editor-pane{border-right:1px solid var(--border-color);flex:3;min-width:0;overflow:hidden}.output-pane{flex-direction:column;flex:2;min-width:0;display:flex;overflow:hidden}.output-header{text-transform:uppercase;letter-spacing:.5px;color:var(--fg-muted);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;padding:8px 12px;font-size:11px;font-weight:600}.output-content{font-family:var(--font-mono);color:var(--fg-primary);background:var(--bg-primary);white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:12px;font-size:13px;line-height:1.6;overflow:auto}.statusbar{border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:36px;padding:0 16px;display:flex}.statusbar-left,.statusbar-right{align-items:center;gap:16px;display:flex}.footer-link{color:var(--fg-muted);font-size:11px;text-decoration:none}.footer-link:hover{color:var(--fg-secondary);text-decoration:underline}.run-btn{font-family:var(--font-mono);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--fg-primary);cursor:pointer;border-radius:2px;padding:4px 16px;font-size:12px;font-weight:600;transition:background .1s}.run-btn:hover:not(:disabled){background:var(--bg-primary)}.run-btn:disabled{opacity:.5;cursor:not-allowed}.status-text{color:var(--fg-muted);font-size:12px}.status-text.has-errors{color:var(--accent-error)}.boot-overlay{background:var(--bg-primary);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.boot-content{text-align:center}.boot-dots{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.boot-dots span{background:var(--fg-muted);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both boot-bounce}.boot-dots span:first-child{animation-delay:-.32s}.boot-dots span:nth-child(2){animation-delay:-.16s}@keyframes boot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.boot-text{font-family:var(--font-mono);color:var(--fg-secondary);font-size:14px}@media (width<=768px){.main{flex-direction:column}.editor-pane{border-right:none;border-bottom:1px solid var(--border-color);flex:1}.output-pane{flex:1}.toolbar{height:40px;padding:0 8px}.btn{padding:4px 8px;font-size:11px}.logo-sub{display:none}}