.wave-visualizer.svelte-183azjx{margin:1.5rem 0;padding:1rem;border:2px solid #e5e5e5;border-radius:8px}.wave-label.svelte-183azjx{font-size:14px;font-weight:500;margin-bottom:.75rem;color:#2c2c2a}.wave-svg-wrap.svelte-183azjx{overflow-x:auto;margin-bottom:.75rem}.wave-svg-wrap.svelte-183azjx svg:where(.svelte-183azjx){width:100%;min-width:400px}.wave-controls.svelte-183azjx{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:.5rem}.wave-controls.svelte-183azjx button:where(.svelte-183azjx){font-size:13px;font-family:inherit;background:transparent;border:1px solid #B4B2A9;border-radius:8px;padding:6px 14px;cursor:pointer;transition:background .15s,border-color .15s;color:#2c2c2a}.wave-controls.svelte-183azjx button:where(.svelte-183azjx):hover{background:#f1efe8;border-color:#888780}.wave-controls.svelte-183azjx button.active:where(.svelte-183azjx){background:#eeedfe;border-color:#534ab7;color:#534ab7}.stop-btn.svelte-183azjx{border-color:#e55;color:#c33}.wave-legend.svelte-183azjx{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#888780}.legend-item.svelte-183azjx{display:inline-flex;align-items:center;gap:4px}.dot.svelte-183azjx{width:8px;height:8px;border-radius:50%;display:inline-block}.chromatic-circle.svelte-93aetn{margin:1.5rem 0;padding:1rem;border:2px solid #e5e5e5;border-radius:8px}.circle-svg-wrap.svelte-93aetn{max-width:320px;margin:0 auto}.circle-svg-wrap.svelte-93aetn svg:where(.svelte-93aetn){width:100%}.circle-hint.svelte-93aetn{font-size:13px;color:#888780;text-align:center;margin-top:.5rem}.circle-legend.svelte-93aetn{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:#888780;margin-top:.75rem;justify-content:center}.legend-item.svelte-93aetn{display:inline-flex;align-items:center;gap:4px}.legend-text.svelte-93aetn{font-size:12px;color:#888780}.dot.svelte-93aetn{width:10px;height:10px;border-radius:50%;display:inline-block}.step-visualizer.svelte-fg94rn{margin:1.5rem 0;padding:1rem;border:2px solid #e5e5e5;border-radius:8px}.step-buttons.svelte-fg94rn{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.step-buttons.svelte-fg94rn button:where(.svelte-fg94rn){font-size:13px;font-family:inherit;background:transparent;border:1px solid #B4B2A9;border-radius:8px;padding:6px 14px;cursor:pointer;transition:background .15s,border-color .15s;color:#2c2c2a}.step-buttons.svelte-fg94rn button:where(.svelte-fg94rn):hover{background:#f1efe8;border-color:#888780}.step-buttons.svelte-fg94rn button.active:where(.svelte-fg94rn){background:#eeedfe;border-color:#534ab7;color:#534ab7}.step-info.svelte-fg94rn{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.step-info-name.svelte-fg94rn{font-weight:600;font-size:16px}.step-info-ratio.svelte-fg94rn{font-size:14px;font-family:monospace;font-weight:600;color:#534ab7;background:#eeedfe;padding:1px 8px;border-radius:4px}.step-info-detail.svelte-fg94rn{font-size:13px;font-family:monospace;color:#888780}.section-label.svelte-fg94rn{font-size:12px;font-weight:600;color:#888780;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;margin-top:12px;border-bottom:1px solid #e5e5e5;padding-bottom:4px}.step-tracks.svelte-fg94rn{overflow-x:auto}.step-tracks.svelte-fg94rn svg:where(.svelte-fg94rn){width:100%;min-width:350px;height:100px}.step-description.svelte-fg94rn{margin-bottom:4px}.step-description.svelte-fg94rn p:where(.svelte-fg94rn){font-size:14px;color:#555;margin-bottom:4px}.coincidence-count.svelte-fg94rn{font-size:13px;color:#888780}.wave-section.svelte-fg94rn{margin-bottom:4px}.wave-label.svelte-fg94rn{font-size:11px;color:#b4b2a9;display:block;margin-bottom:2px}.wave-svg-wrap.svelte-fg94rn{overflow:hidden;margin-bottom:2px}.wave-svg-wrap.svelte-fg94rn svg:where(.svelte-fg94rn){width:100%;height:50px}.wave-svg-wrap.combo.svelte-fg94rn svg:where(.svelte-fg94rn){height:70px}.wave-legend.svelte-fg94rn{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:11px;color:#888780;margin-top:4px}.legend-item.svelte-fg94rn{display:inline-flex;align-items:center;gap:4px}.dot.svelte-fg94rn{width:7px;height:7px;border-radius:50%;display:inline-block}.hint.svelte-fg94rn{font-style:italic;color:#b4b2a9}.octave-divider.svelte-1huhsky{margin:1.5rem 0;padding:1rem;border:2px solid #e5e5e5;border-radius:8px}.divider-buttons.svelte-1huhsky{display:flex;gap:6px;margin-bottom:12px;justify-content:center}.divider-buttons.svelte-1huhsky button:where(.svelte-1huhsky){font-size:13px;font-family:inherit;background:transparent;border:1px solid #B4B2A9;border-radius:8px;padding:6px 16px;cursor:pointer;transition:background .15s,border-color .15s;color:#2c2c2a;display:flex;align-items:center;gap:6px}.divider-buttons.svelte-1huhsky button:where(.svelte-1huhsky):hover{background:#f1efe8;border-color:#888780}.divider-buttons.svelte-1huhsky button.active:where(.svelte-1huhsky){background:#eeedfe;border-color:#534ab7;color:#534ab7}.btn-score.svelte-1huhsky{font-size:11px;padding:1px 5px;border-radius:4px;background:#f1f1f1;color:#888}.btn-score.all-good.svelte-1huhsky{background:#1d9e7520;color:#1d9e75;font-weight:600}.divider-svg-wrap.svelte-1huhsky{max-width:320px;margin:0 auto}.divider-svg-wrap.svelte-1huhsky svg:where(.svelte-1huhsky){width:100%}.divider-results.svelte-1huhsky{display:flex;flex-direction:column;gap:4px;margin-top:8px}.result-row.svelte-1huhsky{display:flex;align-items:center;gap:6px;font-size:13px}.result-dot.svelte-1huhsky{width:8px;height:8px;border-radius:50%;flex-shrink:0}.result-name.svelte-1huhsky{font-weight:500;min-width:100px;color:#2c2c2a}.result-status.svelte-1huhsky{font-size:12px}.result-status.ok.svelte-1huhsky{color:#1d9e75}.result-status.bad.svelte-1huhsky{color:#c44}.divider-explanation.svelte-1huhsky{font-size:12px;color:#888780;margin-top:8px}.divider-hint.svelte-1huhsky{font-size:13px;color:#888780;margin-top:4px;font-style:italic}