:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7edeb;background:#111817;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}header,main{max-width:1480px;margin:auto;padding-inline:clamp(16px,4vw,64px)}header{border-bottom:1px solid #33413d;align-items:center;gap:18px;min-height:76px;display:flex}.wordmark{letter-spacing:-.07em;font-size:26px;font-weight:700}.studio{border-left:1px solid #607069;padding-left:18px}#connection{color:#b8c7c0;margin-left:auto;font-size:.92rem}.titlebar{justify-content:space-between;align-items:center;gap:16px;margin:clamp(28px,5vh,65px) 0 20px;display:flex}h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-size:clamp(24px,3.2vw,46px);font-weight:550}button,select{font:inherit}button{color:#14241d;cursor:pointer;background:#b9e5cf;border:1px solid #0000;border-radius:7px;padding:9px 14px}button.secondary,select{color:#e7edeb;background:#1b2824;border:1px solid #53665f}button:disabled{opacity:.45;cursor:default}button:not(:disabled):hover,select:hover{filter:brightness(1.12)}button:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #b9e5cf}[aria-pressed=true]{border-color:#aedbc5!important}#stage{background:#18201e;border:1px solid #34403b;border-radius:12px;overflow:hidden}#viewport{background:#090d0c;height:min(65vh,56.25vw);min-height:200px;position:relative;overflow:auto}#screen{object-fit:contain;width:100%;height:100%;display:block}#viewport.exact #screen{object-fit:fill}#empty{text-align:center;color:#a7b7af;place-items:center;margin:0;padding:16px;display:grid;position:absolute;inset:0}.toolbar,.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar{justify-content:space-between;min-height:63px;padding:12px 16px}label{color:#c3d1ca}select{border-radius:4px;max-width:220px;padding:3px 6px}#metrics{color:#c0cfc7;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:.88rem}#error{color:#ffd8ce;border:1px solid #94665d;border-radius:6px;padding:12px 16px}#stage:fullscreen{border:0;border-radius:0;flex-direction:column;display:flex}#stage:fullscreen #viewport{flex:1;height:auto;min-height:0}#mixer{margin:16px 0}summary{cursor:pointer;width:fit-content}.mixer-controls{flex-wrap:wrap;align-items:center;gap:12px 24px;padding:14px 0;display:flex}.mixer-controls label{align-items:center;gap:8px;display:flex}.mixer-controls input{accent-color:#b9e5cf;width:100px}.mixer-controls output{font-variant-numeric:tabular-nums;min-width:4ch}#output-info{margin:0;font-size:.88rem}@media (width<=600px){.titlebar{flex-wrap:wrap;align-items:flex-start}.toolbar{flex-direction:column;align-items:flex-start}.actions{gap:7px}}