.classic-canvas.svelte-1pyqlfd{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.canvas-container.svelte-15l9iif{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;overflow:hidden;background:#333}.config-toggle.svelte-15l9iif{position:fixed;top:5rem;left:1rem;z-index:10;background:#222;color:#fff;border:none;border-radius:50%;font-size:1.5rem;width:3rem;height:3rem;cursor:pointer}.config-toggle.svelte-15l9iif:hover{background:#555}.config-menu.svelte-15l9iif{position:fixed;top:80px;left:20px;z-index:10;background:#1a1a1a;color:#ccc;padding:20px;border-radius:8px;max-width:300px;font-family:sans-serif}.config-menu.svelte-15l9iif h2:where(.svelte-15l9iif){margin-top:0;color:#fff}.config-item.svelte-15l9iif{margin-bottom:10px;display:flex;flex-direction:column}.config-item.svelte-15l9iif label:where(.svelte-15l9iif){font-size:.9em;margin-bottom:2px}.config-item.svelte-15l9iif input:where(.svelte-15l9iif){padding:5px;border:1px solid #444;border-radius:4px;background:#333;color:#eee}.button-panel.svelte-15l9iif{position:fixed;bottom:10rem;right:1rem;display:flex;gap:10px;z-index:10}.button-panel.svelte-15l9iif button:where(.svelte-15l9iif){padding:10px 20px;background:#222;color:#fff;border:none;cursor:pointer;border-radius:4px}.button-panel.svelte-15l9iif button:where(.svelte-15l9iif):hover{background:#555}.canvas-container.svelte-1dehdpq{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;background:#000}.config-toggle.svelte-1dehdpq{position:fixed;top:5rem;left:1rem;z-index:10;background:#222;color:#fff;border:none;border-radius:50%;font-size:1.5rem;width:3rem;height:3rem;cursor:pointer}.config-toggle.svelte-1dehdpq:hover{background:#555}.config-menu.svelte-1dehdpq{position:fixed;top:80px;left:20px;z-index:9999;background:#1a1a1a;color:#ccc;padding:20px;border-radius:8px;max-width:320px;font-family:sans-serif}.config-menu.svelte-1dehdpq h2:where(.svelte-1dehdpq){margin-top:0;color:#fff}.config-item.svelte-1dehdpq{margin-bottom:10px;display:flex;flex-direction:column}.config-item.svelte-1dehdpq label:where(.svelte-1dehdpq){font-size:.9em;margin-bottom:2px}.config-item.svelte-1dehdpq input:where(.svelte-1dehdpq),.config-item.svelte-1dehdpq button:where(.svelte-1dehdpq){padding:5px;border:1px solid #444;border-radius:4px;background:#333;color:#eee}.button-panel.svelte-1dehdpq{position:fixed;bottom:10rem;right:1rem;display:flex;gap:10px;z-index:10}.button-panel.svelte-1dehdpq button:where(.svelte-1dehdpq){padding:10px 20px;background:#222;color:#fff;border:none;cursor:pointer;border-radius:4px}.button-panel.svelte-1dehdpq button:where(.svelte-1dehdpq):hover{background:#555}.visualizer-container.svelte-hcz1u0{margin:1rem 0}.mode-switch-button.svelte-hcz1u0{position:fixed;top:9rem;left:1rem;z-index:10;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer}.container.svelte-g8563h{display:flex;flex-direction:column;height:100vh}.main-content.svelte-g8563h{flex:1;position:relative}