html,body,#root{height:100%;margin:0;padding:0;font-family:Segoe UI,sans-serif;background:#f7f7f7;color:#222;overflow:hidden}pre{background:#fff;border:1px solid #ccc;border-radius:6px;padding:.75rem;font-size:14px;overflow:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.btn{border:none;padding:4px 14px;font-weight:600;border-radius:var(--radius);cursor:pointer}.btn-blue{background:var(--btn-blue);color:#fff}.btn-green{background:var(--btn-green);color:#fff}.btn-red{background:#d33;color:#fff}.card{background:var(--bg-card);border-radius:var(--radius);padding:1rem}.badge{font-size:12px;padding:2px 6px;border-radius:var(--radius);color:#fff}.badge-blue{background:var(--badge-blue)}.badge-gold{background:var(--badge-gold);color:#000}.badge-purple{background:var(--badge-purple)}.cm-editor,.cm-scroller,.monaco-editor,.monaco-editor .margin,.monaco-editor-background{background:var(--bg-card)!important}.cm-gutters,.margin-view-overlays{background:var(--bg-card)!important;color:var(--text-muted)!important}.console-log{color:var(--brand-green);white-space:pre-wrap}.console-error{color:#ff5c5c;white-space:pre-wrap}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}