*{box-sizing:border-box}body{margin:0;background:#0c1e26;color:#eee7d0;font:15px system-ui}a{color:#c8d8ae}header{padding:25px 4vw;border-bottom:1px solid #d9ca8830}header p{font-size:11px;letter-spacing:.22em;color:#adc3b5}h1{font-family:serif;margin:8px 0}header span,#description,#status{color:#adc3b5;font-size:13px}main{display:grid;grid-template-columns:220px 1fr;gap:25px;padding:25px 4vw}aside{display:flex;flex-direction:column;gap:8px}button{font:inherit;color:inherit;background:#19353d;border:1px solid #aac5b13a;border-radius:9px;padding:11px;cursor:pointer}button:hover,button[aria-pressed=true]{background:#37554c;border-color:#cfb979}button:focus-visible{outline:3px solid #f8dba4}aside button{text-align:left}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}h2{font:22px serif;margin-right:auto}#stage{height: min(70vh,760px);min-height:440px;background:#08151b;border:1px solid #9fae8050;border-radius:12px;overflow:hidden}iframe{width:100%;height:100%;border:0}#stage:fullscreen{height:100vh;border:0;border-radius:0}@media(max-width:720px){main{grid-template-columns:1fr}aside{display:grid;grid-template-columns:repeat(2,1fr)}#stage{min-height:550px}.toolbar h2{width:100%}}