.instrument.svelte-2pho9z{display:grid;justify-items:center;grid-template-columns:1fr;grid-template-rows:1fr min(40px,8vmin);align-items:center;row-gap:20px;width:90%;max-width:90%!important}.instrument.svelte-2pho9z .inner:where(.svelte-2pho9z){display:grid;grid-template-columns:32px auto 32px;grid-template-rows:1fr;align-items:center;justify-items:center;min-width:100%!important;max-width:100%!important}.instrument-label.svelte-2pho9z{font-size:min(40px,8vmin);margin-top:0!important;margin-bottom:0!important;grid-area:2 / 1 / 3 / 2;line-height:0;height:0px}.instrument.svelte-2pho9z img:where(.svelte-2pho9z){width:calc(80vw - 64px);height:calc(80vh - 120px);grid-area:1 / 2 / 2 / 3;object-fit:contain}.nav-button.svelte-2pho9z{font-size:min(32px,7vw);background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;transition:opacity .3s,background-color .2s;height:40%;border-radius:4px;background-color:transparent}@media(hover:hover)and (pointer:fine){.nav-button.svelte-2pho9z:hover{background-color:#ffffff7e}}.nav-button.svelte-2pho9z:disabled{opacity:.3;cursor:default}.left.svelte-2pho9z{grid-area:1 / 1 / 2 / 2}.right.svelte-2pho9z{grid-area:1 / 3 / 2 / 4}img.svelte-194p3v0{position:absolute;top:1rem;right:1rem;width:2.5rem;transition:transform .2s ease}img.svelte-194p3v0:hover{cursor:pointer;transform:rotate(60deg)}body{margin:0;padding:0;overflow:hidden}.container.svelte-1uha8ag{width:100vw;height:100vh;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:1.5rem}.permission.svelte-1uha8ag,.error.svelte-1uha8ag{text-align:center;padding:2rem}.permission.svelte-1uha8ag p:where(.svelte-1uha8ag){margin-bottom:1.5rem;font-size:1.2rem}button.svelte-1uha8ag{background-color:#fff;color:#000;border:none;padding:1rem 2rem;font-size:1rem;font-family:monospace;cursor:pointer;border-radius:.5rem}button.svelte-1uha8ag:active{transform:scale(.95)}.error.svelte-1uha8ag{color:#ff6b6b}.status-bar.svelte-1uha8ag{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:.5rem}.status.svelte-1uha8ag{font-size:1.5rem;color:#666;transition:color .3s;line-height:1;display:flex;align-items:center}.status-id.svelte-1uha8ag{font-size:1rem;color:#666;transition:color .3s;line-height:1}.status.connected.svelte-1uha8ag,.status-id.connected.svelte-1uha8ag{color:#4ade80}