.bloch-wrapper.svelte-1py6rru{display:flex;flex-direction:column;gap:var(--sp-4)}.bloch-explorer.svelte-1py6rru{position:relative;width:100%;height:calc(100vh - 180px);min-height:400px}.viewport-container.svelte-1py6rru{width:100%;height:100%;border-radius:4px;overflow:hidden;border:1px solid var(--border)}.viewport-container.svelte-1py6rru canvas{display:block;width:100%;height:100%}.state-info.svelte-1py6rru{position:absolute;top:var(--sp-3);left:var(--sp-3);background:#0a0a0fcc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:4px;padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:2px;pointer-events:none}.info-row.svelte-1py6rru{display:flex;gap:var(--sp-2);align-items:baseline;font-family:var(--font-mono);font-size:var(--text-xs)}.info-label.svelte-1py6rru{color:var(--glow-secondary);min-width:4ch}.info-value.svelte-1py6rru{color:var(--text-dim)}.toggle-controls.svelte-1py6rru{position:absolute;top:var(--sp-3);right:var(--sp-3);width:32px;height:32px;background:#0a0a0fcc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--font-mono);font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);line-height:1;padding:0}.toggle-controls.svelte-1py6rru:hover{border-color:var(--glow-primary)}.bloch-controls.svelte-1py6rru{background:#0a0a0fe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:4px;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.bloch-controls--desktop.svelte-1py6rru{position:absolute;top:calc(var(--sp-3) + 40px);right:var(--sp-3);width:240px;max-height:calc(100% - 60px);overflow-y:auto}.bloch-controls--mobile.svelte-1py6rru{display:none}.control-group.svelte-1py6rru{display:flex;flex-direction:column;gap:var(--sp-2)}.control-label.svelte-1py6rru{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--glow-secondary);text-transform:uppercase;letter-spacing:1.5px}.gate-grid.svelte-1py6rru{display:flex;flex-wrap:wrap;gap:4px}.gate-btn.svelte-1py6rru{font-family:var(--font-mono);font-size:var(--text-sm);padding:4px 10px;background:#12121acc;border:1px solid var(--border);border-radius:3px;color:var(--text-dim);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-weight:500}.gate-btn.svelte-1py6rru:hover:not(:disabled){border-color:var(--glow-primary);color:var(--glow-primary);background:#00f0ff14}.gate-btn.svelte-1py6rru:disabled{opacity:.4;cursor:not-allowed}.preset-grid.svelte-1py6rru{display:flex;flex-wrap:wrap;gap:4px}.preset-btn.svelte-1py6rru{font-family:var(--font-mono);font-size:10px;padding:3px 6px;background:#12121acc;border:1px solid var(--border);border-radius:3px;color:var(--text-dim);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.preset-btn.svelte-1py6rru:hover:not(:disabled){border-color:var(--glow-primary);color:var(--text)}.preset-btn.svelte-1py6rru:disabled{opacity:.4;cursor:not-allowed}input[type=range].svelte-1py6rru{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}input[type=range].svelte-1py6rru::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--glow-primary);border-radius:50%;border:none;cursor:pointer;box-shadow:0 0 6px var(--glow-primary-soft)}input[type=range].svelte-1py6rru::-moz-range-thumb{width:12px;height:12px;background:var(--glow-primary);border-radius:50%;border:none;cursor:pointer;box-shadow:0 0 6px var(--glow-primary-soft)}.reset-btn.svelte-1py6rru{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--sp-2) var(--sp-3);background:transparent;border:1px solid var(--border);border-radius:3px;color:var(--text-dim);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-transform:lowercase;letter-spacing:1px}.reset-btn.svelte-1py6rru:hover{border-color:var(--glow-primary);color:var(--text)}@media(max-width:640px){.bloch-explorer.svelte-1py6rru{height:50vh;min-height:300px}.bloch-controls--desktop.svelte-1py6rru,.toggle-controls.svelte-1py6rru{display:none}.bloch-controls--mobile.svelte-1py6rru{display:flex}}