:root{--bg:#0f1114;--surface:#171a1f;--border:#2a3038;--text:#eceae4;--muted:#8d9289;--accent:#6f9e8a;--danger:#c47070;--sans:"IBM Plex Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--sans);color:var(--text);background:var(--bg)}button,textarea,input{font:inherit}.app{max-width:960px;margin:0 auto;padding:28px 24px 48px}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.card{background:var(--surface);border:1px solid var(--border);margin:16px 0;padding:16px 18px}button{background:var(--accent);color:#0f1114;cursor:pointer;border:0;padding:8px 14px}button.secondary{color:var(--text);border:1px solid var(--border);background:0 0}textarea,input[type=text]{width:100%;color:var(--text);border:1px solid var(--border);background:#111318;padding:10px}pre{border:1px solid var(--border);background:#111318;padding:12px;font-size:13px;overflow:auto}.token{word-break:break-all;color:var(--accent)}label.chk{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}