:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container.svelte-8ayo5l{position:relative;width:100%;height:100%}canvas.svelte-8ayo5l{display:block}.layout.svelte-dogkco{display:flex;height:100vh;width:100vw}.sidebar.svelte-dogkco{width:300px;background:#fff;box-shadow:2px 0 4px #0000001a;padding:1rem;overflow-y:auto}.main-content.svelte-dogkco{flex:1;background:#f5f5f5;overflow:hidden}.visualization.svelte-dogkco{height:100px}.device-list.svelte-dogkco{display:flex;flex-direction:column}.device-button.svelte-dogkco{display:flex;align-items:center;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;background:transparent;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.device-button.svelte-dogkco:hover{border-color:#646cff;background:#f8f8ff}.device-button.selected.svelte-dogkco{border-color:#646cff;background:#f0f0ff}.icon.svelte-dogkco{font-size:1.5rem;margin-right:1rem}.device-name.svelte-dogkco{font-size:1rem;color:#333}.error.svelte-dogkco{background:#fff0f0;color:#c00;padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center}.visualization.svelte-dogkco{display:flex;justify-content:center;align-items:center;height:200px;margin-bottom:2rem}.dot.svelte-dogkco{width:50px;height:50px;background-color:#646cff;border-radius:50%;transition:transform .1s ease}.pitch.svelte-dogkco{position:absolute;bottom:1rem;font-size:1.2rem;color:#646cff}