.monitor-stage{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;outline:none;margin-top:.8rem;position:relative;overflow:hidden}.monitor-stage:focus-visible{box-shadow:0 0 0 3px var(--green-pale)}.monitor-stage:-webkit-full-screen{aspect-ratio:auto;cursor:none;border:0;border-radius:0;width:100vw;height:100vh}.monitor-stage:fullscreen{aspect-ratio:auto;cursor:none;border:0;border-radius:0;width:100vw;height:100vh}.monitor-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.monitor-label{color:#fff;font:500 var(--text-3xs)/1.4 var(--mono);background:#0009;border-radius:4px;padding:.2rem .5rem;position:absolute;bottom:.5rem;left:.6rem}.monitor-refresh{color:#fff;text-align:center;place-content:center;justify-items:center;gap:.4rem;display:grid;position:absolute;inset:0}.monitor-refresh strong{font:700 clamp(3rem, 12vw, 8rem)/1 var(--display)}.monitor-refresh span{color:#aaa;font-size:var(--text-sm)}.monitor-spinner{border:6px solid #333;border-top-color:#5fd35f;border-radius:50%;width:44px;height:44px;margin-top:1rem;animation:.8s linear infinite monitor-spin}