.LandingTunerDemo-module__ChUFCa__demo{--demo-pitch-color:var(--bf-editorial-muted);color:var(--bf-editorial-ink)}.LandingTunerDemo-module__ChUFCa__demo[data-pitch-state=centered]{--demo-pitch-color:var(--bf-editorial-teal)}.LandingTunerDemo-module__ChUFCa__demo[data-pitch-state=sharp]{--demo-pitch-color:var(--bf-editorial-brass-dark)}.LandingTunerDemo-module__ChUFCa__tabs{border:1px solid var(--bf-editorial-line);background:var(--bf-editorial-surface-alt);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin:12px 16px 0;padding:4px;display:grid}.LandingTunerDemo-module__ChUFCa__tab[aria-selected=true]{background:var(--bf-editorial-surface);color:var(--bf-editorial-teal-dark);box-shadow:0 1px 3px color-mix(in srgb, var(--bf-editorial-ink) 10%, transparent)}.LandingTunerDemo-module__ChUFCa__panel{padding:16px}.LandingTunerDemo-module__ChUFCa__heading{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.LandingTunerDemo-module__ChUFCa__status{min-height:24px;color:var(--bf-editorial-teal-dark);margin-top:8px;font-size:14px;font-weight:750}.LandingTunerDemo-module__ChUFCa__staff{border:1px solid var(--bf-editorial-line);background:var(--bf-editorial-surface);border-radius:14px;height:220px;margin:8px 0 12px;position:relative;overflow:hidden}.LandingTunerDemo-module__ChUFCa__staffCanvas{position:absolute;inset:0;overflow:hidden}.LandingTunerDemo-module__ChUFCa__staffLine,.LandingTunerDemo-module__ChUFCa__ledgerLine{background:var(--bf-editorial-subtle);height:1px;position:absolute}.LandingTunerDemo-module__ChUFCa__staffLine{inset-inline:0}.LandingTunerDemo-module__ChUFCa__ledgerLine{left:-6px}.LandingTunerDemo-module__ChUFCa__clef{opacity:.3;font-family:Segoe UI Symbol,Noto Music,serif;font-size:110px;line-height:1;position:absolute;top:50%;left:3%;transform:translateY(-50%)}.LandingTunerDemo-module__ChUFCa__playhead{z-index:2;background:var(--bf-editorial-teal);pointer-events:none;width:2px;position:absolute;top:24px;bottom:16px}.LandingTunerDemo-module__ChUFCa__playhead>span{white-space:nowrap;color:var(--bf-editorial-teal-dark);font-size:10px;font-weight:800;position:absolute;top:-19px;left:0;transform:translate(-50%)}.LandingTunerDemo-module__ChUFCa__movingNote{will-change:transform;position:absolute;inset:0}.LandingTunerDemo-module__ChUFCa__noteBlock{white-space:nowrap;height:32px;box-shadow:0 3px 0 color-mix(in srgb, var(--bf-editorial-ink) 12%, transparent);border:2px solid;border-radius:12px;justify-content:center;align-items:center;gap:4px;font-size:14px;font-weight:800;display:flex;position:absolute;transform:translateY(-50%)}.LandingTunerDemo-module__ChUFCa__movingNote[data-active=true] .LandingTunerDemo-module__ChUFCa__noteBlock{outline:3px solid var(--bf-editorial-teal);outline-offset:3px}.LandingTunerDemo-module__ChUFCa__staff[data-overview=true] .LandingTunerDemo-module__ChUFCa__movingNote{will-change:auto}.LandingTunerDemo-module__ChUFCa__durationLabel{color:var(--bf-editorial-muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;margin-top:12px;font-size:11px;font-weight:700;display:flex}.LandingTunerDemo-module__ChUFCa__progress{background:var(--bf-editorial-line);border-radius:8px;height:5px;margin-top:6px;overflow:hidden}.LandingTunerDemo-module__ChUFCa__progress>span{transform-origin:0;background:var(--bf-editorial-teal);width:100%;height:100%;display:block}.LandingTunerDemo-module__ChUFCa__pitch{color:var(--bf-editorial-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;margin-top:14px;font-size:11px;display:flex}.LandingTunerDemo-module__ChUFCa__pitch strong,.LandingTunerDemo-module__ChUFCa__pitch>span:last-child{color:var(--demo-pitch-color)}.LandingTunerDemo-module__ChUFCa__pitchTrack{background:linear-gradient(to right, color-mix(in srgb, var(--bf-editorial-terracotta) 28%, var(--bf-editorial-surface)) 0%, color-mix(in srgb, var(--bf-editorial-brass) 32%, var(--bf-editorial-surface)) 25%, color-mix(in srgb, var(--bf-editorial-brass) 18%, var(--bf-editorial-surface)) 40%, color-mix(in srgb, var(--bf-editorial-brass) 18%, var(--bf-editorial-surface)) 60%, color-mix(in srgb, var(--bf-editorial-brass) 32%, var(--bf-editorial-surface)) 75%, color-mix(in srgb, var(--bf-editorial-terracotta) 28%, var(--bf-editorial-surface)) 100%);border-radius:8px;height:12px;margin-top:8px;position:relative}.LandingTunerDemo-module__ChUFCa__pitchZone{background:color-mix(in srgb, var(--bf-editorial-teal) 28%, var(--bf-editorial-surface));border-radius:4px;position:absolute;inset:0 40%}.LandingTunerDemo-module__ChUFCa__pitchCenter{background:var(--bf-editorial-teal);width:1px;height:100%;position:absolute;top:0;left:50%}.LandingTunerDemo-module__ChUFCa__pitchMarker{background:var(--demo-pitch-color);width:4px;height:16px;box-shadow:0 0 0 2px var(--bf-editorial-surface);border-radius:4px;position:absolute;top:-2px;transform:translate(-50%)}.LandingTunerDemo-module__ChUFCa__tuner{text-align:center;align-content:center;min-height:306px;display:grid}.LandingTunerDemo-module__ChUFCa__tunerNote{margin:8px 0;font-size:38px;font-weight:800}.LandingTunerDemo-module__ChUFCa__result{border:1px solid var(--bf-editorial-line);background:var(--bf-editorial-surface-alt);border-radius:12px;min-height:96px;margin-top:16px;padding:12px}.LandingTunerDemo-module__ChUFCa__result[data-finished=true]{border-color:var(--bf-editorial-teal);background:color-mix(in srgb, var(--bf-editorial-teal) 8%, var(--bf-editorial-surface))}.LandingTunerDemo-module__ChUFCa__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:0 16px 16px;display:flex}.LandingTunerDemo-module__ChUFCa__controls>button{min-height:44px;font-size:12px}.LandingTunerDemo-module__ChUFCa__panel:focus-visible{outline:2px solid var(--bf-editorial-teal);outline-offset:-3px}@media (min-width:640px){.LandingTunerDemo-module__ChUFCa__tabs{margin-inline:20px}.LandingTunerDemo-module__ChUFCa__panel,.LandingTunerDemo-module__ChUFCa__controls{padding-inline:20px}}