:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#121713;color:#e9ece4}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:32px 20px}h1{font-size:clamp(36px,7vw,64px);margin:12px 0}p{line-height:1.5}.eyebrow{font-size:12px;letter-spacing:2px;color:#bee580}.note,footer{color:#a8b19f;font-size:14px}#stage{background:#080b08;border:1px solid #46503f;border-radius:12px;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;width:min(100%,96vh);margin-inline:auto}#stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0}iframe{border:0;width:100%;height:100%;grid-area:1/1}#empty{grid-area:1/1;color:#929c8b}iframe[hidden]{display:none}.toolbar{display:flex;gap:10px;flex-wrap:wrap}button{font:inherit;padding:13px 18px;border:1px solid #637452;border-radius:8px;background:#bee580;color:#1a2412;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #eacb65;outline-offset:3px}details{margin:24px 0}pre{white-space:pre-wrap;word-break:break-word;font-size:12px;max-height:260px;overflow:auto}a{color:#bee580}footer{line-height:1.7}@media(max-width:480px){main{padding:18px 12px}.toolbar button{flex:1;padding:12px 8px;font-size:14px}}