.tool{border:2px solid var(--rule);background:var(--bg);background:var(--rule);gap:2px;max-width:1280px;display:grid}.tool>*{background:var(--bg)}.tool-row{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.tool-row label{letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-size:12px;font-weight:800}.tool select,.tool input[type=number]{font:inherit;color:var(--fg);background:var(--sf);border:2px solid var(--rule);border-radius:0;min-height:44px;padding:8px 10px;font-size:16px;font-weight:700}.tool input[type=range]{accent-color:var(--ac);width:100%;min-height:32px}.seg{border:2px solid var(--rule);flex-wrap:wrap;display:inline-flex}.seg button{font:inherit;min-width:44px;min-height:44px;color:var(--fg);border:none;border-right:2px solid var(--rule);cursor:pointer;background:0 0;padding:0 12px;font-size:15px;font-weight:800}.seg button:last-child{border-right:none}.seg button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.tool-btn{font:inherit;cursor:pointer;background:var(--ac);color:#fff;border:none;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 22px;font-size:17px;font-weight:800;display:inline-flex}.tool-btn:hover{background:var(--acpress)}.tool-btn.line{color:var(--fg);border:2px solid var(--rule);background:0 0}.tool-btn.line:hover{border-color:var(--fg)}.tool-btn[disabled]{opacity:.5;cursor:default}.tool-big{letter-spacing:-.04em;font-weight:900;font-stretch:70%;line-height:.8}.tool-note{color:var(--mut);margin:0;padding:10px 16px;font-size:12px}.tool-err{border-top:6px solid var(--ac);background:var(--sf);margin:0;padding:14px 16px}.tuner-display{align-content:start;gap:10px;min-height:250px;padding:16px 16px 18px;transition:background .15s;display:grid;position:relative}.tuner-display.locked{background:var(--ac);color:#fff}.tuner-display.locked .mut{color:#ffffffd9}.tuner-note{min-height:.8em;font-size:clamp(110px,22vw,200px)}.tuner-note .idle{color:var(--mut);letter-spacing:0;font-size:.5em}.tuner-note sup{vertical-align:top;letter-spacing:0;font-size:.35em}.tuner-meter{height:56px;margin-top:6px;position:relative}.tuner-ticks{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:0}.tuner-ticks i{opacity:.35;background:currentColor;width:2px;height:18px}.tuner-ticks i.mid{opacity:.9;height:40px}.tuner-needle{background:var(--ac);width:6px;height:56px;margin-left:-3px;transition:left 80ms linear;position:absolute;bottom:0}.tuner-display.locked .tuner-needle{background:#fff}.tuner-strings{background:var(--rule);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;display:grid}.tuner-strings button{font:inherit;background:var(--bg);min-height:56px;color:var(--fg);cursor:pointer;border:none;place-items:center;font-size:18px;font-weight:900;line-height:1;display:grid}.tuner-strings button small{color:var(--mut);font-size:11px;font-weight:700}.tuner-strings button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.tuner-strings button[aria-pressed=true] small{color:var(--bg)}.tuner-strings button.hit{box-shadow:inset 0 -6px 0 var(--ac)}.metro-bpm{font-size:clamp(130px,24vw,220px)}.beats{background:var(--rule);border:2px solid var(--rule);gap:2px;display:flex}.beats span{background:var(--bg);flex:1;height:44px;transition:background 50ms}.beats span.on{background:var(--fg)}.beats span.on.acc{background:var(--ac)}.kbd{border:2px solid var(--rule);padding:1px 6px;font-size:12px;font-weight:800}.tap-pad{width:100%;min-height:260px;font:inherit;cursor:pointer;background:var(--fg);color:var(--bg);letter-spacing:.1em;text-transform:uppercase;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;place-items:center;font-size:15px;font-weight:800;display:grid}.tap-pad:active,.tap-pad.flash{background:var(--ac);color:#fff}.grid16{background:var(--rule);grid-template-columns:76px repeat(16,minmax(24px,1fr));gap:2px;min-width:560px;display:grid}.grid16>*{background:var(--bg)}.grid16 .lbl{align-items:center;padding:0 8px;font-size:12px;font-weight:800;display:flex}.grid16 button{cursor:pointer;background:var(--bg);border:none;height:40px;padding:0}.grid16 button.alt{background:var(--sf)}.grid16 button.on{background:var(--ac)}.grid16 button.cur{background:var(--sf2)}.grid16 button.on.cur{background:var(--fg)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--rule);min-height:44px;color:var(--fg);background:var(--bg);align-items:center;padding:0 14px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}a.chip:hover{border-color:var(--fg)}.capo-table{border-collapse:collapse;width:100%;font-size:15px}.capo-table th,.capo-table td{border-top:2px solid var(--rule);text-align:left;padding:10px 12px}.capo-table tr.best td{background:var(--sf)}.capo-table tr.best td:first-child{box-shadow:inset 6px 0 0 var(--ac)}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:720px){.tool .hide-sm{display:none}}.chips.sm{gap:6px}.chips.sm .chip{min-height:36px;padding:0 10px;font-size:15px}.capo-table{min-width:340px}@media (max-width:520px){.capo-table th,.capo-table td{padding:8px}.tuner-strings button{font-size:16px}}