body{color:#111827;background:#f7f8fb;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{place-items:center;min-height:100svh;padding:18px;display:grid}.card{background:#fff;border:1px solid #dbe1ea;border-radius:20px;width:min(760px,100%);padding:24px;box-shadow:0 18px 50px #141f3314}.eyebrow{color:#1d4ed8;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:750}h1{letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(30px,8vw,46px)}h2{color:#1f2937;margin:0 0 8px;font-size:15px}.warning{background:#fff8e6;border:1px solid #f8df9a;border-radius:12px;padding:12px;line-height:1.45}label{gap:6px;margin:14px 0;font-weight:650;display:grid}select,input,button{min-height:46px;font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:0 12px}button{color:#fff;background:#1d4ed8;border-color:#1d4ed8;font-weight:750}button:disabled{color:#6b7280;background:#e5e7eb;border-color:#d1d5db}button.secondary{background:#111827;border-color:#111827}.buttonRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.note{color:#4b5563;font-size:14px}.status{font-weight:750}.status-live{color:#047857}.status-failed{color:#b91c1c}.error{color:#b91c1c;white-space:pre-wrap;overflow-wrap:anywhere;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px}audio{width:100%;margin:12px 0}.diagnostics{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin:12px 0;padding:12px}.diagnostics p{color:#4b5563;margin:4px 0;font-size:13px}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.metricGrid article{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:3px;padding:8px;font-size:12px;display:grid}.metricGrid span{color:#4b5563}.transcripts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.transcripts article{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;min-height:120px;padding:14px}.transcripts p{white-space:pre-wrap;margin:0;line-height:1.55}@media (width<=640px){.card{padding:18px}.buttonRow,.transcripts,.metricGrid{grid-template-columns:1fr}}
