:root{font-family:system-ui,sans-serif;color:#eaf3ff;background:#101b2c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}header{padding:28px 40px 20px}.eyebrow{color:#6fe7ce;font-size:11px;letter-spacing:.18em;font-weight:700}h1{font-size:clamp(26px,4vw,42px);letter-spacing:-.04em;margin:10px 0 4px}p{color:#a9b8cb;margin:0;font-size:14px}main{flex:1;min-height:360px;position:relative;margin:0 24px;border:1px solid #33445b;border-radius:16px;overflow:hidden}canvas{display:block;width:100%;height:100%;position:absolute;outline:none}footer{display:flex;justify-content:space-between;gap:16px;padding:20px 40px;color:#a9b8cb;font-size:12px;flex-wrap:wrap}#status{color:#6fe7ce}@media(max-width:600px){header,footer{padding-left:24px;padding-right:24px}main{margin:0 12px}}