.control.svelte-bc96i2{margin-bottom:1rem;display:flex;flex-direction:column;gap:.25rem}label.svelte-bc96i2{font-size:.9rem;color:var(--text-muted)}select.svelte-bc96i2{padding:.5rem;background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:4px}.control.svelte-av7ov0{margin-bottom:1rem;display:flex;flex-direction:column;gap:.25rem}label.svelte-av7ov0{font-size:.9rem;color:var(--text-muted)}select.svelte-av7ov0{padding:.5rem;background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:4px}.control.svelte-vbfh42{margin-bottom:1rem;display:flex;flex-direction:column;gap:.25rem}label.svelte-vbfh42{font-size:.9rem;color:var(--text-muted)}select.svelte-vbfh42{padding:.5rem;background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:4px}.control.svelte-32nvuy{margin-bottom:1rem;display:flex;flex-direction:column;gap:.25rem}label.svelte-32nvuy{font-size:.9rem;color:var(--text-muted)}select.svelte-32nvuy{padding:.5rem;background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:4px}.ebony-container-outer.svelte-saidv0{width:100%}.ebony-container.svelte-saidv0{position:relative;width:100%;height:260px;overflow:hidden}.ebony-fretboard.svelte-saidv0{position:relative;width:100%;height:100%;border-radius:10px;border:1px solid var(--border, #222);box-shadow:0 8px 20px #0009;overflow:hidden}.ebony-bg.svelte-saidv0{position:absolute;inset:0;background-image:url(../../../textures/ebony.jpg),linear-gradient(90deg,#050505,#0b0b0b,#050505);background-size:cover;background-position:center;filter:brightness(.75) contrast(1.2);z-index:0}.inlay-layer.svelte-saidv0{position:absolute;inset:0;pointer-events:none;z-index:1}.inlay.diamond.svelte-saidv0{position:absolute;width:18px;height:18px;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(135deg,#fff,#888);border:1px solid #f5f5f5;box-shadow:0 0 8px #ffffffb3}.fret.svelte-saidv0{position:absolute;top:6%;bottom:6%;width:4px;background:linear-gradient(to bottom,#f4f4f4,#dcdcdc 40%,#b1b1b1);opacity:.85;box-shadow:1px 0 3px #0006,-1px 0 3px #ffffff80;z-index:2}.fret.nut.svelte-saidv0{width:10px;background:linear-gradient(to bottom,#f2f2f2,#dcdcdc,#c7c7c7);box-shadow:0 0 4px #0009,inset 0 0 2px #fffc}.string.svelte-saidv0{position:absolute;left:0;right:0;opacity:.9;background:linear-gradient(to right,#888,#e1e1e1,#f8f8f8,#e1e1e1,#888);pointer-events:none;z-index:3}.s1.svelte-saidv0{height:3.5px}.s2.svelte-saidv0{height:3.2px}.s3.svelte-saidv0{height:2.8px}.s4.svelte-saidv0{height:2px}.s5.svelte-saidv0{height:1.8px}.s6.svelte-saidv0{height:1.5px}.string-labels.svelte-saidv0{position:absolute;left:8px;top:0;bottom:0;z-index:12;pointer-events:none}.string-label.svelte-saidv0{position:absolute;transform:translateY(-50%);font-size:18px;font-weight:700;color:#deb887;opacity:.95;text-shadow:2px 2px 4px black;font-family:var(--font-mono, monospace)}.note-button.svelte-saidv0{position:absolute;transform:translate(-50%,-50%);padding:0;border:none;background:transparent;cursor:pointer;z-index:4}.note-dot.svelte-saidv0{display:block;width:20px;height:20px;border-radius:50%;background:#e6e6e6;box-shadow:0 0 4px #00000080;transition:opacity .18s ease,filter .18s ease}.note-button.in-scale.svelte-saidv0 .note-dot:where(.svelte-saidv0){background:#3a7e02;border:2px solid #000;box-shadow:0 0 6px #fffc,inset 0 0 4px #0009}.note-button.out-of-scale.svelte-saidv0 .note-dot:where(.svelte-saidv0){opacity:0;pointer-events:auto}.note-button.root.svelte-saidv0 .note-dot:where(.svelte-saidv0){background:#ff3d3d;border:2px solid rgba(0,0,0,.8);box-shadow:0 0 12px #ff3232e6,inset 0 0 3px #000c}.note-button.svelte-saidv0:active .note-dot:where(.svelte-saidv0){transform:translate(-50%,-50%) scale(.92)}.note-button.dimmed.svelte-saidv0 .note-dot:where(.svelte-saidv0){opacity:.25;filter:grayscale(40%)}.note-button.root.dimmed.svelte-saidv0 .note-dot:where(.svelte-saidv0){opacity:.66;filter:grayscale(20%);box-shadow:0 0 4px #00000080,inset 0 0 3px #000c}@media(max-width:600px){.ebony-fretboard.svelte-saidv0{max-height:220px}.note-dot.svelte-saidv0{width:14px;height:14px}}h1{margin:0}.grid.svelte-1tpgths{display:grid;grid-template-columns:1fr;gap:.5rem}.visual-header.svelte-1tpgths{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.eyebrow.svelte-1tpgths{text-transform:uppercase;font-size:.8rem;letter-spacing:.12em;color:var(--accent);margin:0 0 .35rem}.muted.svelte-1tpgths{margin:.3rem 0 0;color:var(--text-muted)}.controls.svelte-1tpgths{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.box-and-toggle.svelte-1tpgths{display:flex;flex-direction:column;gap:.35rem}.ebony-container-outer.svelte-1tpgths{width:100%;padding:1rem 0}.toggle.svelte-1tpgths{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-weight:600;letter-spacing:.01em}.toggle.svelte-1tpgths input:where(.svelte-1tpgths){accent-color:var(--accent);width:18px;height:18px}.toggle.switch.svelte-1tpgths{gap:.6rem}.toggle.switch.svelte-1tpgths input:where(.svelte-1tpgths){display:none}.slider.svelte-1tpgths{position:relative;width:44px;height:24px;background:var(--border);border-radius:999px;transition:background .15s ease}.slider.svelte-1tpgths:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .15s ease}.toggle.switch.svelte-1tpgths input:where(.svelte-1tpgths):checked+.slider:where(.svelte-1tpgths){background:var(--accent)}.toggle.switch.svelte-1tpgths input:where(.svelte-1tpgths):checked+.slider:where(.svelte-1tpgths):before{transform:translate(20px)}.toggle-label.svelte-1tpgths{color:var(--text-muted);font-weight:600;letter-spacing:.01em}@keyframes svelte-1tpgths-pulse{0%{transform:scale(.96);opacity:.7}50%{transform:scale(1.04);opacity:1}to{transform:scale(.96);opacity:.7}}