svg.svelte-1tecdaa{max-width:100%;height:auto}.key-label.svelte-1tecdaa{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.key-label.white.svelte-1tecdaa{fill:#111}.key-label.black.svelte-1tecdaa{fill:#f7f7f7}.white-key.svelte-1tecdaa,.black-key.svelte-1tecdaa{transition:transform .08s ease,fill .1s ease}.white-key.svelte-1tecdaa:hover{fill:#f0f0f0}.black-key.svelte-1tecdaa:hover{fill:#444}.white-key.svelte-1tecdaa:active{transform:translateY(3px)}.black-key.svelte-1tecdaa:active{transform:translateY(2px)}.tuning-container.svelte-zgy1bb{width:100%;margin:1rem 0;border:2px solid #1fb6ff;border-radius:10px;background:#0000004d;padding:.6rem .8rem;color:#fff}.title.svelte-zgy1bb{color:gold;margin:0;font-size:1.1rem}.detected-inline.svelte-zgy1bb{margin-left:1rem;font-size:.9rem;color:#ddd}.detected-inline.svelte-zgy1bb .highlight:where(.svelte-zgy1bb){margin-left:.25rem;color:#1fb6ff;font-weight:600}.controls.svelte-zgy1bb{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.temperament-select.svelte-zgy1bb{background:#000;color:#1fb6ff;border:1px solid #1fb6ff;border-radius:4px}.header.svelte-zgy1bb{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.tooltip.svelte-zgy1bb{position:fixed;background:#1e1e1eeb;border:1px solid #1fb6ff;padding:6px 8px;border-radius:6px;font-size:12px;pointer-events:none;z-index:1000}.toggle-btn.svelte-zgy1bb{background:none;border:none;color:#1fb6ff;font-size:1.1rem;cursor:pointer;padding:2px 4px}.a4-display.svelte-zgy1bb{font-size:.85rem;color:#ddd}.railsback-info.svelte-zgy1bb{margin-left:.3rem;color:#aaa}