*{box-sizing:border-box}body{margin:0;font:14px/1.4 Rotulo,system-ui,sans-serif}.page{flex-direction:column;gap:12px;min-height:100vh;padding:16px 24px;display:flex}.page.dark{color:#f0efec;--line:#383835;--button:#1a1a19;--accent:#7db6e3;background:#0d0d0d}.page.light{color:#0b0b0b;--line:#c3c2b7;--button:#fff;--accent:#1d5d8f;background:#f9f9f7}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}h1{margin:0;font-size:20px;font-weight:600}h1 code{color:var(--accent)}.controls{flex-wrap:wrap;gap:8px;display:flex}button,select,.button{border:1px solid var(--line);background:var(--button);color:inherit;font:inherit;cursor:pointer;border-radius:6px;padding:6px 12px;text-decoration:none}button:focus-visible,select:focus-visible,g[role=button]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.stage{aspect-ratio:16/9;border:1px solid var(--line);border-radius:8px;width:100%;position:relative;overflow:hidden}.stage.tv{background:#0d0d0d;border:0;border-radius:0}.stage svg{display:block}.status{opacity:.8;font-variant-numeric:tabular-nums;gap:24px;display:flex}@font-face{font-family:Rotulo;src:url(./Rotulo-Variable-CxVa4IOu.woff2)format("woff2");font-weight:200 700;font-style:normal;font-display:swap}@font-face{font-family:Rotulo Lectura;src:url(./Rotulo-Lectura-C9OI42bx.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}