.matrix-container.svelte-o6v26b{position:relative;width:100%;height:100%}canvas.svelte-o6v26b{display:block;width:100%;height:100%;touch-action:none}.color-toggle.svelte-o6v26b{position:absolute;bottom:20px;right:20px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#0a0a0acc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s}.color-toggle.svelte-o6v26b:hover{border-color:#ffffff4d}.color-dot.svelte-o6v26b{width:16px;height:16px;border-radius:50%}.color-picker.svelte-o6v26b{position:absolute;bottom:60px;right:20px;background:#0a0a0af2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px}.color-option.svelte-o6v26b{display:flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.color-option.svelte-o6v26b:hover{background:#ffffff0d}.color-option.selected.svelte-o6v26b{background:#ffffff1a}.color-option.svelte-o6v26b .color-dot:where(.svelte-o6v26b){width:12px;height:12px}.color-label.svelte-o6v26b{font-family:monospace;font-size:12px;color:#ffffffb3}.experience.svelte-1uha8ag{position:fixed;inset:0;overflow:hidden;background:#0a0a0a}