*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-elevated:#1c2128;--border:#30363d;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#484f58;--accent:#3fb950;--accent-dim:#238636;--danger:#f85149;--warning:#d29922;--toolbar-h:48px;--statusbar-h:32px;--radius:6px;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}html,body{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}#app{grid-template-rows:var(--toolbar-h) 1fr var(--statusbar-h);width:100vw;height:100vh;display:grid}#toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.toolbar-brand{letter-spacing:.02em;color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.toolbar-brand svg{color:var(--accent)}.toolbar-actions{align-items:center;gap:6px;display:flex}.btn{font-size:12px;font-weight:500;font-family:var(--font-sans);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-muted)}.btn.active{background:var(--accent-dim);color:#fff;border-color:var(--accent)}.btn.danger:hover{border-color:var(--danger);color:var(--danger);background:#3d1214}.btn svg{flex-shrink:0;width:14px;height:14px}.btn-divider{background:var(--border);width:1px;height:24px;margin:0 4px}#container{background:var(--bg-primary);position:relative;overflow:hidden}#container canvas{outline:none}#statusbar{background:var(--bg-secondary);border-top:1px solid var(--border);font-size:11px;font-family:var(--font-mono);color:var(--text-muted);z-index:100;justify-content:space-between;align-items:center;padding:0 16px;display:flex}#status-msg{align-items:center;gap:8px;display:flex}#status-msg:before{content:"";background:var(--warning);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}#status-msg.ready:before{background:var(--accent);animation:none}#status-hint{color:var(--text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}#loading-overlay{z-index:50;background:#0d1117eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .4s;display:flex;position:absolute;inset:0}#loading-overlay.hidden{opacity:0;pointer-events:none}.loader-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.loader-text{font-size:13px;font-family:var(--font-mono);color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.toolbar-brand span,#status-hint,.btn span{display:none}.btn{padding:6px 8px}}