:root{--bg: #0f0f0f;--bg-card: #1a1a1a;--bg-hover: #222;--border: #2a2a2a;--text: #e5e5e5;--text-muted: #888;--accent: #6366f1}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,monospace;font-size:13px;line-height:1.5}.app{display:grid;grid-template-rows:48px 1fr;height:100vh;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg-card);gap:8px}.header h1{font-size:14px;font-weight:600;letter-spacing:.5px}.header h1 span{color:var(--accent)}.main{display:grid;grid-template-columns:1fr;overflow:hidden}.main.drawer-open{grid-template-columns:1fr 480px}.panel{overflow-y:auto}.drawer{overflow-y:auto;border-left:1px solid var(--border);background:var(--bg-card)}button{cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text);padding:6px 12px;border-radius:4px;font-size:12px}button:hover{background:var(--bg-hover)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{background:#ef4444;border-color:#ef4444;color:#fff}button.success{background:#10b981;border-color:#10b981;color:#fff}