.beta-badge{display:inline-block;margin-left:8px;border:1px solid #b8ff66;color:#b8ff66;padding:3px 5px;border-radius:4px;font:10px monospace;letter-spacing:.08em}.tuner-panel{border:1px solid #34486b;border-radius:14px;margin:20px 0;background:#101827}.tuner-panel summary{padding:18px;cursor:pointer;font-weight:700}.tuner-panel summary span{float:right;font:10px monospace;color:#b8ff66;letter-spacing:.08em}.tuner-content{padding:0 18px 18px}.tuner-top{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.tuner-top label{display:grid;gap:8px;font-size:12px;color:#b5c3da;flex:1;min-width:180px}.tuner-top select{width:100%}.tuner-content .small{line-height:1.6}.tuner-top button{min-height:42px;border:1px solid #597eff}.tuner-top button[aria-pressed=true]{background:#b8ff66;color:#070c19}.tuner-strings{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.tuner-strings button{padding:10px 12px;border:1px solid #34486b;border-radius:7px;color:#dce4fa;background:#0b1220;min-height:42px}.tuner-strings button[aria-pressed=true]{border-color:#b8ff66;color:#b8ff66}.tuner-face{text-align:center;padding:18px;background:#070c19;border-radius:10px;border:1px solid #293957}.tuner-face strong{display:block;font-size:32px;line-height:1.4}.tuner-face>span{font:13px monospace;color:#a6b6d1}.tuner-scale{position:relative;width:min(320px,100%);height:40px;margin:15px auto 0;border-bottom:1px solid #597eff;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#263751 calc(10% - 1px),#263751 10%)}.tuner-center{position:absolute;width:10%;height:100%;left:45%;background:#b8ff661c;border-left:1px solid #b8ff66;border-right:1px solid #b8ff66}#tuner-needle{position:absolute;bottom:0;left:calc(50% + var(--cents)*.9%);height:34px;width:3px;background:#597eff;transform:translateX(-50%);transition:left 100ms linear}.tuner-scale-labels{max-width:320px;margin:8px auto 14px;display:flex;justify-content:space-between;font:10px monospace;color:#a6b6d1}.in-tune{border-color:#b8ff66}.in-tune strong,.in-tune #tuner-cents{color:#b8ff66}.in-tune #tuner-needle{background:#b8ff66}#tuner-status{min-height:2.5em;font-size:13px;line-height:1.5;color:#dce4fa}#tuner-tone{border:1px solid #34486b;padding:10px 14px;border-radius:6px}#tuner-tone:disabled{opacity:.45}.tuner-face output{font:14px monospace}@media(prefers-reduced-motion:reduce){#tuner-needle{transition:none}}@media(max-width:440px){.tuner-content{padding:0 12px 12px}.tuner-top button{width:100%}.tuner-strings button{padding:10px}.tuner-face strong{font-size:28px}.studio-label{max-width:150px}}