:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;background:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}.page{box-sizing:border-box;place-items:center;min-height:100vh;padding:24px;display:grid}.card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:min(100%,520px);padding:32px;box-shadow:0 18px 50px #0f172a14}header{margin-bottom:28px}.eyebrow{color:#f59e0b;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}h1{color:#0f172a;margin:6px 0;font-size:30px}p{color:#64748b;margin:0}.tabs{background:#f1f5f9;border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px;display:grid}.tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px}.tabs button.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0f172a1f}form,.token-view{flex-direction:column;gap:10px;display:flex}label{color:#334155;font-size:14px;font-weight:600}input,textarea{box-sizing:border-box;color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:11px 12px}input{margin-bottom:8px}textarea{resize:vertical;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5}input:focus,textarea:focus{border-color:#f59e0b;outline:3px solid #f59e0b2e}button{font:inherit;font-weight:600}.primary,.secondary{cursor:pointer;border-radius:8px;padding:11px 16px}.primary{color:#fff;background:#f59e0b;border:1px solid #f59e0b;margin-top:8px}.primary:hover{background:#d97706}.primary:disabled{cursor:wait;opacity:.65}.secondary{color:#475569;background:#fff;border:1px solid #cbd5e1}.session{overflow-wrap:anywhere;margin-bottom:10px}.error{color:#b91c1c;font-size:14px}@media (width<=560px){.page{padding:12px}.card{padding:24px 18px}}