:root{font-family:system-ui,sans-serif;color:#17303b;background:#eff4f4}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:44px auto;padding:0 24px}h1{font-size:clamp(32px,5vw,52px);letter-spacing:-1.7px;margin:10px 0}h2{font-size:21px;margin:0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#176866}.intro,p{line-height:1.65}aside{padding:18px 22px;background:#fff3d5;border-left:4px solid #b18324;border-radius:8px;line-height:1.7}section{background:#fff;border:1px solid #d7e3e5;border-radius:16px;padding:28px;margin:24px 0}label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}input{display:block;padding:12px;margin:8px 0 0;width:100%;font:inherit;border:1px solid #b6cbd0;border-radius:7px}input[readonly]{font-size:12px}button{font:inherit;background:#176866;color:white;border:0;border-radius:7px;padding:12px 18px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e6efef;color:#28565e}.danger{background:#a33328}.heading,.actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.hint,footer{font-size:13px;color:#536b75}footer{line-height:1.7;margin:28px 0}#status{min-height:20px;color:#8b381e}video{width:100%;max-height:75vh;background:#12252c;border-radius:8px;margin-top:20px}video:fullscreen{object-fit:contain;max-height:100vh;border-radius:0}#metrics{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:600px){main{margin:25px auto;padding:0 16px}section{padding:20px}.actions button{padding:10px 12px}}
