*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-mono:"JetBrains Mono", "Courier New", monospace;--bg:#fff;--fg:#000;--muted:#666;--faint:#999;--surface:#f5f5f5;--surface-hover:#ebebeb;--border:#000;--border-light:#e0e0e0;--error:#c00;--warning:#555;--accent:#007acc;--chrome-bg:#181818;--chrome-fg:#ccc;--chrome-hover:#2a2a2a;--chrome-border:#2d2d2d;--radius:0px;--transition:80ms ease}[data-theme=dark]{--bg:#1e1e1e;--fg:#ccc;--muted:#858585;--faint:#555;--surface:#252526;--surface-hover:#2a2d2e;--border:#333;--border-light:#2d2d2d;--error:#f48771;--warning:#cca700;--accent:#007acc;--chrome-bg:#181818;--chrome-fg:#ccc;--chrome-hover:#2a2a2a;--chrome-border:#2d2d2d}[data-theme=blue]{--bg:#002447;--fg:#d4d4d4;--muted:#8abeb7;--faint:#579;--surface:#00335e;--surface-hover:#00427a;--border:#004c8c;--border-light:#003e73;--error:#f48771;--warning:#cca700;--accent:#007acc;--chrome-bg:#001730;--chrome-fg:#d4d4d4;--chrome-hover:#002447;--chrome-border:#003e73}[data-theme=red]{--bg:#2d0a0a;--fg:#d4d4d4;--muted:#e07a5f;--faint:#9c4a4a;--surface:#3b0d0d;--surface-hover:#4a1212;--border:#591616;--border-light:#471111;--error:#f55;--warning:#fc0;--accent:#e07a5f;--chrome-bg:#1f0404;--chrome-fg:#d4d4d4;--chrome-hover:#2d0a0a;--chrome-border:#471111}[data-theme=green]{--bg:#0a1f11;--fg:#d4d4d4;--muted:#6aa84f;--faint:#473;--surface:#0d2917;--surface-hover:#12381f;--border:#184727;--border-light:#12381f;--error:#e06666;--warning:#f1c232;--accent:#6aa84f;--chrome-bg:#05140b;--chrome-fg:#d4d4d4;--chrome-hover:#0a1f11;--chrome-border:#12381f}[data-theme=brown]{--bg:#2b1d12;--fg:#d4d4d4;--muted:#bda589;--faint:#8a755e;--surface:#382618;--surface-hover:#473220;--border:#59412b;--border-light:#473220;--error:#d96c5b;--warning:#d9b85b;--accent:#c49a6c;--chrome-bg:#1c120a;--chrome-fg:#d4d4d4;--chrome-hover:#2b1d12;--chrome-border:#473422}html,body{font-family:var(--font-mono);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;height:100%;font-size:13px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;line-height:1.2}a{color:var(--fg);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:var(--font-mono);font-size:13px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-8{gap:32px}.flex-1{flex:1}.min-w-0{min-width:0}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.border{border:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-r{border-right:1px solid var(--border)}.border-l{border-left:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-light{border-color:var(--border-light)}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.text-muted{color:var(--muted)}.text-faint{color:var(--faint)}.text-sm{font-size:11px}.text-xs{font-size:10px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:28px}.font-bold{font-weight:700}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;font-family:var(--font-mono);transition:background var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:5px 12px;font-size:12px;line-height:1;display:inline-flex}.btn:hover{background:var(--surface-hover)}.btn:active{background:var(--surface)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn-primary:hover{opacity:.85;background:var(--fg)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface);border-color:#0000}.btn-sm{padding:3px 8px;font-size:11px}.btn-icon{cursor:pointer;color:var(--fg);background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.btn-icon:hover{background:var(--surface)}.input{border:1px solid var(--border);background:var(--bg);color:var(--fg);font-family:var(--font-mono);width:100%;transition:border-color var(--transition);outline:none;padding:6px 10px;font-size:13px}.input:focus{border-color:var(--fg)}.input::placeholder{color:var(--faint)}textarea.input{resize:vertical;min-height:80px}.label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.card{border:1px solid var(--border);background:var(--bg);padding:16px}.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);width:100%;min-width:380px;max-width:560px;max-height:90vh;padding:24px;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.modal-title{text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:700}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.form-group{margin-bottom:16px}.dropdown{display:inline-block;position:relative}.dropdown-menu{z-index:2000;background:var(--bg);border:1px solid var(--border);min-width:180px;box-shadow:none;list-style:none;position:absolute;top:100%;left:0}.dropdown-item{cursor:pointer;white-space:nowrap;color:var(--fg);text-align:left;width:100%;font-size:12px;font-family:var(--font-mono);transition:background var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:6px 12px;display:flex}.dropdown-item:hover{background:var(--surface)}.dropdown-item.disabled{color:var(--faint);pointer-events:none}.dropdown-separator{background:var(--border-light);height:1px;margin:4px 0}.dropdown-label{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);padding:4px 12px;font-size:10px;font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:1.5px solid var(--border-light);border-top-color:var(--fg);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.6s linear infinite spin;display:inline-block}.status-dot{background:var(--fg);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.idle{background:var(--border-light)}.status-dot.compiling{background:var(--fg);animation:1s infinite pulse}.status-dot.success,.status-dot.error{background:var(--fg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.context-menu{z-index:900;background:var(--bg);border:1px solid var(--border);min-width:160px;list-style:none;position:fixed}.tabs{border-bottom:1px solid var(--border);display:flex}.tab-item{cursor:pointer;color:var(--muted);font-size:12px;font-family:var(--font-mono);transition:color var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 14px}.tab-item.active{color:var(--fg);border-bottom-color:var(--fg)}.tab-item:hover:not(.active){color:var(--fg);background:var(--surface)}.tooltip{position:relative}.tooltip-text{background:var(--fg);color:var(--bg);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition);z-index:200;padding:3px 8px;font-size:10px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.tooltip:hover .tooltip-text{opacity:1}