:root{--bg: #1e1e1e;--chrome: #252526;--card: #2d2d2d;--border: #3c3c3c;--text: #e0e0e0;--muted: #9a9a9a;--accent: #3794ff;--btn-primary-text: #ffffff;--success: #3fb950;--warning: #d29922;--danger: #f85149;--radius: 8px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:13px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text)}.btn{padding:8px 14px;border-radius:6px;border:1px solid var(--border);background:var(--chrome);color:var(--text);cursor:pointer}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--btn-primary-text)}.btn-sm{padding:5px 10px;font-size:12px}.muted{color:var(--muted);font-size:12px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.pill-ok{background:#1a3a24;color:var(--success)}.pill-err{background:#3a1a1a;color:var(--danger)}.page{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.main-body{flex:1;min-height:0;overflow:auto;padding:10px 16px}.action-bar{padding:12px 20px;border-top:1px solid var(--border);background:var(--chrome);display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-shrink:0}.toast{position:fixed;top:16px;right:24px;padding:10px 16px;border-radius:var(--radius);font-size:12px;z-index:1000;max-width:min(420px,100vw - 48px);box-shadow:0 4px 20px #00000059}.toast.ok{background:#1a3a24;border:1px solid var(--success);color:var(--success)}.toast.err{background:#3a1a1a;border:1px solid var(--danger);color:var(--danger)}