:root{--bg:#0d1117;--bg-panel:#151b23;--bg-raised:#1c242e;--border:#2a3441;--text:#e6edf3;--text-dim:#8b98a5;--accent:#f0883e;--ok:#3fb950;--fail:#f85149;--info:#58a6ff;--radius:8px;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}h1,h2,h3{margin:0;font-weight:600}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-raised);color:var(--text);border-radius:6px;padding:6px 12px;transition:background .12s,border-color .12s}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#1a1200;font-weight:600}button.ghost{background:0 0}input,select,textarea{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;width:100%;padding:5px 8px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}label{color:var(--text-dim);margin-bottom:3px;font-size:12px;display:block}code,pre{font-family:var(--mono);font-size:12px}pre{white-space:pre-wrap;word-break:break-all;margin:0}