/* A dedicated measuring surface, with one input shared by Simple and Workshop. */
#tuner-panel[hidden],#tuner-panel [hidden]{display:none!important}
#instrument-view.tuner-visible #stage-canvas,#instrument-view.tuner-visible #control-panel,#instrument-view.tuner-visible .workspace-edge-controls,#instrument-view.tuner-visible #music-floating,#instrument-view.tuner-visible .inspire-floating-transport{visibility:hidden!important;pointer-events:none!important}
#instrument-view.tuner-visible .artist-callout,#instrument-view.metronome-visible .artist-callout{display:none!important}
.tuner-workspace{position:absolute;inset:72px 16px 16px;z-index:78;max-width:980px;margin-inline:auto;border:1px solid #e1e9ee;border-radius:28px;background:#fff;box-shadow:0 16px 60px #36506420;color:#2d4555;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.tuner-inner{padding:24px}.tuner-workspace button,.tuner-workspace select,.tuner-workspace input{font:inherit}.tuner-workspace button{cursor:pointer;touch-action:manipulation}.tuner-workspace :is(button,select,input,summary):focus-visible{outline:3px solid #e0b648;outline-offset:3px}.tuner-header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.tuner-heading{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.tuner-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#fff5d7;color:#ad811a}.tuner-symbol svg,.tuner-start svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tuner-eyebrow{font-size:12px;letter-spacing:.14em;color:#86949c}.tuner-heading h2{margin:3px 0 0;font-size:25px;font-weight:600;letter-spacing:-.04em}.tuner-close{width:40px;height:40px;flex:none;border:1px solid #e4eaf0;border-radius:13px;background:#f6f8fa;color:#617887;font-size:25px!important}.tuner-settings-button{display:flex;align-items:center;gap:6px;border:1px solid #e2e8ec;border-radius:12px;background:#f8fafc;color:#657a86;min-height:40px;padding:8px 12px;font-size:14px!important}.tuner-settings-button[aria-expanded=true]{background:#fff7df;border-color:#e8cd86}
.tuner-modes{display:flex;gap:4px;padding:4px;background:#f1f5f7;border:1px solid #e7edf0;border-radius:15px;margin-bottom:20px}.tuner-modes button{flex:1;border:0;border-radius:11px;background:transparent;min-height:40px;font-size:15px;color:#697f8d}.tuner-modes button[aria-pressed=true]{background:#fff;color:#97701a;box-shadow:0 2px 8px #46627614;font-weight:600}
.tuner-target-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:26px;align-items:center;margin-bottom:22px}.tuner-target{background:#fbfcfd;border:1px solid #e7edf0;border-radius:20px;padding:13px;text-align:center}.tuner-caption{font-size:13px;color:#778b97}.tuner-target-pitch{display:flex;align-items:center;justify-content:center;gap:5px;direction:ltr}.tuner-target-pitch select{font-size:32px;font-weight:600;letter-spacing:-.04em;min-width:70px;width:90px;text-align:center;text-align-last:center;background:none;color:#284658;border:0;padding:5px 0;appearance:none;cursor:pointer}.tuner-target-pitch button{width:30px;height:34px;flex:none;border:1px solid #e1e9ee;border-radius:10px;background:#fff;color:#6c8492;font-size:21px}.tuner-target-pitch button:disabled{opacity:.3}.tuner-target output{font-size:13px;color:#9b7a30;font-variant-numeric:tabular-nums}.tuner-prompt p{margin:0 0 6px;font-size:17px;font-weight:500}.tuner-instrument-notes{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;max-height:100px;overflow:auto;direction:ltr}.tuner-instrument-notes button{padding:7px 10px;min-height:36px;border:1px solid #dfe9ee;border-radius:10px;background:white;color:#597481;font-size:14px}.tuner-instrument-notes button[aria-pressed=true]{background:#fff5d7;border-color:#e4c471;color:#956f1a}#tuner-reference-shortcut{display:block;margin:7px auto 0;border:0;border-radius:7px;background:#fff7e2;color:#96773c;font-size:12px;padding:4px 8px}
.tuner-digital{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:18px;border:1px solid #e5edf1;border-radius:24px;padding:28px;margin-bottom:20px;background:radial-gradient(ellipse at 45% 5%,#f6fcff,#fff 70%);--reading-color:#8398a4}.tuner-dial{direction:ltr;width:100%;max-width:430px;justify-self:center}.tuner-dial>svg{display:block;width:100%;height:auto;overflow:visible}.tuner-dial-arc{fill:none;stroke:#e7eef2;stroke-width:7;stroke-linecap:round}.tuner-dial-zone{fill:none;stroke:#29b790;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 4px #29b79044)}.tuner-dial-tick{stroke:#c7d4dc;stroke-width:1}.tuner-dial-tick.major{stroke:#a3b7c2;stroke-width:1.5}.tuner-dial-labels text{font-size:12px;text-anchor:middle;fill:#8197a3}.tuner-dial-directions{display:flex;justify-content:space-between;margin:-4px 9% 0;font-size:12px;color:#7c919d}#tuner-needle{transition:transform .11s ease-out;color:var(--reading-color)}#tuner-needle path{stroke:currentColor;stroke-width:2;stroke-linecap:round}#tuner-needle circle{fill:currentColor}.tuner-digital[data-state=idle] #tuner-needle{opacity:.2}.tuner-digital-reading{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}#tuner-digital-note{font-size:62px;font-weight:500;letter-spacing:-.05em;line-height:1.1;margin:6px 0 10px}#tuner-digital-cents{font-size:38px;line-height:1.15;font-weight:500;color:var(--reading-color);font-variant-numeric:tabular-nums}#tuner-digital-cents small{font-size:14px}#tuner-digital-hz{font-size:13px;color:#7e949f;margin-top:9px;font-variant-numeric:tabular-nums}#tuner-digital-status{margin:10px 0 0;font-size:14px;color:var(--reading-color)}.tuner-digital-partials{grid-column:1/-1;display:flex;gap:10px;border-top:1px solid #e7eef2;padding-top:15px}.tuner-digital-partials>div{display:flex;justify-content:space-between;align-items:center;gap:10px;flex:1;border:1px solid #e4ecf0;border-radius:12px;padding:12px;background:#f7fafb;font-size:14px;color:#6c838f}.tuner-digital-partials output{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--reading-color)}
.tuner-bands{display:grid;gap:12px}.tuner-band{border:1px solid #e1eaf0;border-radius:20px;padding:16px;background:#fbfdff;--stripe:#a5b8c3}.tuner-band-info{display:flex;align-items:center;gap:12px;margin-bottom:11px}.tuner-ratio{display:grid;place-items:center;min-width:42px;height:38px;border-radius:12px;background:#eef4f7;color:#6f8492;font-size:14px;font-weight:600;direction:ltr}.tuner-band h3{margin:0;font-size:16px;font-weight:550}.tuner-frequency{display:block;font-size:13px;color:#8399a6;font-variant-numeric:tabular-nums;margin-top:3px}.tuner-cents{margin-inline-start:auto;font-size:31px;font-weight:500;letter-spacing:-.03em;white-space:nowrap;color:#879ca8;font-variant-numeric:tabular-nums}.tuner-cents small{font-size:14px}.tuner-strobe{position:relative;height:48px;border-radius:10px;overflow:hidden;background:#f0f5f8;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.tuner-stripes{position:absolute;inset:0 -64px;background:repeating-linear-gradient(90deg,var(--stripe) 0 7px,transparent 7px 32px);opacity:.14;will-change:transform}.tuner-center-line{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#72909d66;box-shadow:0 0 0 4px #ffffff80}.tuner-band-footer{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:12px;color:#7a919d}.tuner-band-target{white-space:nowrap;font-variant-numeric:tabular-nums}.tuner-band:not([data-state=idle]) .tuner-stripes{opacity:.85}.tuner-band[data-state=detuned]{--stripe:#d3a42c}.tuner-band[data-state=unstable]{--stripe:#a89b71}.tuner-band[data-state=tuned]{--stripe:#23b58d;border-color:#9cdcc9;background:#f4fdf9}.tuner-band[data-state=tuned] :is(.tuner-cents,[data-band-status]){color:#159973}.tuner-band[data-state=detuned] .tuner-cents{color:#af8320}.tuner-band[data-state=clipped]{--stripe:#df6473;border-color:#f2b8c2}.tuner-band[data-state=clipped] .tuner-cents{color:#c64e65}
.tuner-digital[data-state=tuned],.tuner-digital-partials [data-state=tuned]{--reading-color:#169b77}.tuner-digital[data-state=detuned],.tuner-digital-partials [data-state=detuned]{--reading-color:#b38a28}.tuner-digital[data-state=unstable]{--reading-color:#9c956d}.tuner-digital[data-state=clipped],.tuner-digital-partials [data-state=clipped]{--reading-color:#d25b70}.tuner-digital-partials [data-state=tuned]{background:#edfbf5;border-color:#baead8}
.tuner-legend{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#7b929f;margin:12px 2px 18px;direction:ltr}.tuner-legend span{display:flex;gap:6px;align-items:center}.tuner-legend i{width:7px;height:7px;border-radius:50%;background:#27b48c}
.tuner-transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;position:sticky;bottom:0;z-index:3;padding:12px 0;border-top:1px solid #edf2f5}.tuner-start{display:flex;justify-content:center;align-items:center;gap:9px;min-height:46px;border:1px solid #e4c674;border-radius:14px;background:#fff4d5;color:#8b691c;padding:11px 17px;font-size:15px!important;font-weight:550!important}.tuner-start.is-listening{background:#eafaF3;border-color:#a9decb;color:#228c6d}.tuner-freeze{min-height:46px;padding:10px 16px;border:1px solid #dde7ed;border-radius:14px;background:#f7fafc;color:#627d8d;font-size:14px!important}.tuner-freeze:disabled{opacity:.45}.tuner-freeze[aria-pressed=true]{background:#edf2fd;border-color:#c4d5ee}.tuner-input{margin-inline-start:auto;max-width:300px;display:flex;align-items:center;gap:10px;font-size:13px;color:#708994;line-height:1.4}.tuner-input meter{width:60px;flex:none;height:12px;accent-color:#27b48c}.tuner-input meter::-webkit-meter-bar{border:0;background:#e5eeef}.tuner-input meter::-webkit-meter-optimum-value{background:#27b48c}.tuner-frozen-note{font-size:13px;padding:10px 12px;border:1px dashed #b2c8dc;border-radius:10px;background:#f4f8fc;color:#5b788f}.is-frozen .tuner-bands{outline:1px dashed #a4bfd3;outline-offset:4px;border-radius:20px}
.tuner-settings{margin-top:20px;padding:20px;border:1px solid #e3ebf0;border-radius:20px;background:#fafdff}.tuner-setting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tuner-settings label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#637f8e}.tuner-settings select,.tuner-reference{min-height:42px;width:100%;border:1px solid #dce7ed;border-radius:11px;background:#fff;padding:8px 10px;color:#486675;font-size:14px;min-width:0}.tuner-reference{display:flex;align-items:center;gap:6px;direction:ltr}.tuner-reference input{background:none;border:0;min-width:0;width:100%;color:inherit}.tuner-reference span{font-size:12px;color:#849ba7}.tuner-workshop-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.tuner-ratio-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-top:16px}.tuner-spectrum{margin-top:22px}.tuner-spectrum svg{width:100%;height:80px;display:block;margin-top:10px;background:repeating-linear-gradient(90deg,#e6eff5 0 1px,transparent 1px 10%),#f8fcff;border-radius:10px}.tuner-spectrum path{stroke:#39a3b7;stroke-width:1;fill:#61c3d32b}.tuner-tech{font-size:12px;color:#8399a5;margin:12px 0}.tuner-processing{font-size:13px;color:#9d7a28}.tuner-help{font-size:14px;color:#6b8492;border-top:1px solid #e5edf1;padding-top:10px}.tuner-help summary{cursor:pointer;min-height:32px;line-height:32px;color:#4f7184}.tuner-help p{line-height:1.65;font-size:13px;margin:10px 0}.tuner-workspace[data-tuner-mode=digital] .tuner-workshop-options,.tuner-workspace[data-tuner-mode=digital] .tuner-ratio-settings{display:none}
html[dir=rtl] .tuner-inner{direction:rtl}html[dir=rtl] .tuner-heading h2{letter-spacing:normal}
@media(max-width:620px){.tuner-workspace{inset:72px 10px 10px;border-radius:23px}.tuner-inner{padding:16px}.tuner-header{gap:6px}.tuner-symbol{display:none}.tuner-heading h2{font-size:21px}.tuner-eyebrow{font-size:12px}.tuner-settings-button{padding:8px;font-size:13px!important}.tuner-settings-button span{display:none}.tuner-modes{margin-bottom:14px}.tuner-target-row{grid-template-columns:132px minmax(0,1fr);gap:14px;margin-bottom:15px}.tuner-target{padding:10px 7px}.tuner-target-pitch select{min-width:54px;width:64px;font-size:28px}.tuner-target-pitch button{width:24px;height:32px}.tuner-prompt p{font-size:14px}.tuner-prompt>.tuner-caption{display:none}.tuner-instrument-notes{max-height:114px;gap:4px;margin-top:7px}.tuner-instrument-notes button{padding:5px 7px;min-height:34px;font-size:13px}.tuner-digital{grid-template-columns:1fr;padding:20px 14px 14px;gap:2px}.tuner-dial{max-width:260px}.tuner-digital-reading{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;align-items:center;width:100%;margin-top:5px}.tuner-digital-reading>.tuner-caption{grid-column:1;grid-row:1}#tuner-digital-note{grid-column:1;grid-row:2;font-size:44px;margin:3px 0}#tuner-digital-cents{grid-column:2;grid-row:1/3;font-size:30px}#tuner-digital-hz{grid-column:1;grid-row:3;font-size:12px;margin:0}#tuner-digital-status{grid-column:2;grid-row:3;font-size:12px;margin:0}.tuner-digital-partials{gap:7px;margin-top:15px;padding-top:12px}.tuner-digital-partials>div{flex-direction:column;gap:6px;padding:9px 7px;font-size:12px}.tuner-transport{bottom:0;gap:8px}.tuner-start{flex:1;font-size:14px!important;padding:10px}.tuner-freeze{padding:10px 13px}.tuner-input{flex-basis:100%;justify-content:center;max-width:none;font-size:12px}.tuner-band{padding:13px}.tuner-band-info{gap:9px}.tuner-band h3{font-size:14px}.tuner-frequency{font-size:12px}.tuner-cents{font-size:26px}.tuner-ratio{min-width:36px;height:34px;font-size:13px}.tuner-strobe{height:36px}.tuner-band-footer,.tuner-legend{font-size:12px}.tuner-legend{flex-wrap:wrap;justify-content:center;gap:6px 14px}.tuner-settings{padding:15px}.tuner-setting-grid{grid-template-columns:1fr 1fr;gap:12px}.tuner-setting-grid>label:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){#tuner-needle{transition:none}.tuner-stripes{will-change:auto}}
.tuner-band-info>div{min-width:0}.tuner-cents{flex-shrink:0}