:root{color:#172033;background:#f6f8fb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button{border:1px solid #0f6cbd;border-radius:6px;background:#0f6cbd;color:#fff;cursor:pointer;font:inherit;min-height:36px;padding:0 14px}button.secondary,.segmented button{background:#fff;color:#0f3a5f}.shell{min-height:100vh;padding:16px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto 12px;max-width:1180px}.eyebrow{color:#526071;font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}h1,h2{letter-spacing:0;margin:0}h1{font-size:24px;line-height:1.2}h2{font-size:16px}.status{border-left:4px solid #7c8da5;margin:0 auto 12px;max-width:1180px;padding:8px 12px}.status[data-tone=ready]{border-color:#107c10}.status[data-tone=error]{border-color:#b3261e}.layout{display:grid;gap:12px;grid-template-columns:minmax(260px,320px) minmax(0,1fr);margin:0 auto;max-width:1180px}.pane{background:#fff;border:1px solid #d8e0ea;border-radius:8px;min-width:0;padding:16px}dl{display:grid;gap:12px;margin:16px 0}dt{color:#667085;font-size:12px;font-weight:700;margin-bottom:2px;text-transform:uppercase}dd{margin:0;overflow-wrap:anywhere}.token-result{color:#526071;font-size:13px}.body-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.segmented{display:inline-flex;gap:4px}.segmented button{border-color:#c6d1df;min-height:32px}.segmented button.active{background:#0f6cbd;border-color:#0f6cbd;color:#fff}iframe,pre{border:1px solid #d8e0ea;border-radius:6px;height:calc(100vh - 164px);margin:0;min-height:420px;width:100%}pre{background:#fbfcfe;overflow:auto;padding:16px;white-space:pre-wrap}@media(max-width:760px){.layout,.topbar{grid-template-columns:1fr}.layout{display:flex;flex-direction:column}.topbar{align-items:stretch;flex-direction:column}iframe,pre{height:60vh}}