:root{--ink:#14202b;--soft:#53616d;--paper:#f4f1eb;--surface:#fffdf9;--line:#d8d3ca;--accent:#e86b37;--accent-dark:#b5431f;--teal:#0e7a79;--teal-dark:#075654;--teal-soft:#e2f3f0;--green:#2b7a4b;--green-soft:#e8f5ec;--danger:#a92f2f;--danger-soft:#fff0ef;--shadow:0 24px 65px rgba(35,42,47,.1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 0,rgba(232,107,55,.09),transparent 32rem),radial-gradient(circle at 92% 5%,rgba(14,122,121,.08),transparent 34rem),var(--paper)}button,input{font:inherit}.page-shell{width:min(1240px,calc(100% - 36px));margin:auto;padding:28px 0 64px}.brand-header,.panel,.login-card{border:1px solid rgba(189,182,170,.72);border-radius:18px;background:rgba(255,253,249,.94);box-shadow:var(--shadow)}.brand-header{display:grid;grid-template-columns:1fr 3fr 1fr;align-items:center;gap:24px;padding:20px 26px;min-height:112px}.brand-title{text-align:center}.wordmark{display:flex;flex-direction:column}.wordmark strong{font-size:1.25rem;letter-spacing:.07em}.wordmark span,.account span{color:var(--soft);font-size:.75rem}.account{display:flex;align-items:flex-end;flex-direction:column}.eyebrow{color:var(--accent-dark);font-size:.71rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin:7px 0 0;font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.035em}h2{font-size:1.35rem;margin:7px 0}h3{font-size:.95rem}.contract-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0;border:1px solid var(--line);border-radius:14px;background:rgba(255,253,249,.75);overflow:hidden}.contract-strip span{padding:14px 18px;border-right:1px solid var(--line)}.contract-strip span:last-child{border:0}.contract-strip small,.metric-grid span,.verification-grid span{display:block;color:var(--soft);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em}.contract-strip strong{font-size:.88rem}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:24px}.setup-card p{color:var(--soft);line-height:1.5}.setup-card label{display:block;margin-top:12px;color:var(--soft);font-size:.78rem;font-weight:700}.setup-card>small{display:block;margin-top:10px;color:var(--soft)}.primary,.secondary,.copy-row button,.link-button{border:0;border-radius:9px;cursor:pointer;font-weight:800}.primary{padding:12px 18px;color:#fff;background:var(--accent)}.primary:hover{background:var(--accent-dark)}.secondary{padding:9px 14px;color:var(--teal-dark);background:var(--teal-soft)}.button-link{display:inline-flex;text-decoration:none}.copy-row{display:flex;margin-top:5px;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.copy-row code{flex:1;padding:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.copy-row button{border-left:1px solid var(--line);border-radius:0;padding:8px 12px;color:var(--teal-dark);background:var(--teal-soft)}.link-button{padding:4px 0;color:var(--accent-dark);background:transparent;font-size:.75rem}.live-panel,.history-panel{margin-top:18px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.status{display:inline-flex;padding:6px 10px;border-radius:99px;font-size:.7rem;font-weight:800;text-transform:uppercase}.status.waiting{color:#9a5f00;background:#fff4d9}.status.streaming{color:var(--teal-dark);background:var(--teal-soft)}.status.complete{color:var(--green);background:var(--green-soft)}.status.failed{color:var(--danger);background:var(--danger-soft)}.live-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);gap:18px}.video-stage{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border-radius:13px;background:#0b1015}.video-stage img{display:none;width:100%;height:100%;object-fit:contain}.video-stage p{color:#aab5bf;text-align:center}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-grid article{padding:15px;border-radius:11px;background:#f3efe7}.metric-grid strong{display:block;margin-top:5px;font-size:1.1rem}.verification-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.verification-grid div{padding:14px;border:1px solid #9fcfca;border-radius:10px;background:#eff8f6}.verification-grid strong{display:block;margin-top:4px;font-size:.85rem}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.chart-grid article{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fbfaf7}.chart-grid canvas{display:block;width:100%;height:220px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;min-width:1080px;border-collapse:collapse;background:#fff;font-size:.78rem}th{padding:11px 9px;color:#fff;background:var(--ink);text-align:left}td{padding:10px 9px;border-bottom:1px solid #ece8e1}tbody tr{cursor:pointer}tbody tr:hover{background:#f0f7f6}.action-row{display:flex;gap:6px}.action-row a,.action-row button{border:0;padding:5px 7px;border-radius:6px;color:var(--teal-dark);background:var(--teal-soft);font-size:.7rem;font-weight:800;text-decoration:none;cursor:pointer}.action-row button.danger{color:var(--danger);background:var(--danger-soft)}.alert{margin:12px 0;padding:12px;border-radius:9px}.alert.danger{color:var(--danger);background:var(--danger-soft);border:1px solid #e7b4af}.login-body{display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);padding:34px}.login-card>p,.login-card>small{color:var(--soft)}.login-form{display:grid;gap:16px;margin:24px 0}.login-form label{display:grid;gap:6px;color:var(--soft);font-size:.8rem;font-weight:700}.login-form input{padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff}
.setup-grid>*,.live-grid>*,.chart-grid>*{min-width:0}.setup-card label,.copy-row,.copy-row code{min-width:0}.copy-row button{flex:0 0 auto}.table-wrap{max-width:100%}
@media(max-width:900px){.brand-header{grid-template-columns:1fr}.wordmark{display:none}.account{align-items:center}.setup-grid,.live-grid,.chart-grid{grid-template-columns:minmax(0,1fr)}.contract-strip{grid-template-columns:1fr 1fr}}@media(max-width:560px){.page-shell{width:calc(100% - 20px);padding-top:10px}.panel{padding:16px}.metric-grid,.verification-grid{grid-template-columns:1fr}.contract-strip{grid-template-columns:1fr}.contract-strip span{border-right:0;border-bottom:1px solid var(--line)}}