.tunerPanel{flex-direction:column;gap:10px}.tunerDisplay{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:220px}.tunerNote{font-size:2.5em;font-weight:600;color:#1e7a4f;line-height:1;min-width:3ch;text-align:center}.tunerSubRow{display:flex;gap:16px;justify-content:center}.tunerHz{font-size:.65em;color:#555}.tunerCentRow{display:flex;align-items:center;gap:6px;width:200px}.tunerCentLabel{font-size:.75em;color:#555;min-width:12px;text-align:center}.tunerDots{flex:1;display:flex;align-items:center;justify-content:space-between;gap:3px}.tunerDot{flex:0 0 auto;width:14px;height:14px;border-radius:50%;background:#ccc;transition:background .15s}.tunerDotCenter{width:16px;height:16px}.tunerDot.isFlat{background:#2979ff}.tunerDot.isSharp{background:#e53935}.tunerDot.isInTune{background:#1e7a4f}.tunerCentValue{font-size:.65em;color:#555}.tunerStringGuide{display:flex;gap:3px;justify-content:center}.tunerStringItem{flex-direction:column;font-size:inherit;line-height:1.1}.tunerStringNo{font-size:.5em;color:#888}.tunerStringNote{font-size:.7em;font-weight:600;color:#444}.tunerCapoDivider{border:none;border-top:1px solid #333;margin:8px 20px}.capoSliderRow{display:grid;grid-template-columns:92px 1fr 40px;align-items:center;gap:6px;width:100%}.capoSliderLabel{font-size:.8em;color:#333}#capoSlider{width:100%;height:32px;-webkit-appearance:none;appearance:none;background:0 0}#capoSlider::-webkit-slider-runnable-track{height:12px;background:#d6efe0;border-radius:999px}#capoSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;margin-top:-8px;border-radius:50%;background:#1e7a4f;border:2px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}#capoSlider::-moz-range-track{height:12px;background:#d6efe0;border-radius:999px}#capoSlider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#1e7a4f;border:2px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}