.native-tool.tone{min-height:0}.tone .ui-select,.tone .ui-input{min-height:44px;font-size:1rem}.tone .ui-segment,.tone .ui-btn-sm{min-height:40px}.tone-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.tone-card{border:1px solid var(--border-card);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;gap:1.1rem;min-width:0;padding:1.25rem;display:flex}.tone-readout{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.tone-hz{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:clamp(2rem,6vw,2.75rem);font-weight:800;line-height:1.1}.tone-hz.is-dim{color:var(--text-secondary)}.tone-note{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.9rem}.tone-play{border-radius:var(--radius-full);background:var(--accent-indigo);color:#fff;min-width:150px;min-height:56px;font:700 1.2rem var(--font-body);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.6rem;padding:0 1.75rem;transition:background .15s,transform .1s;display:inline-flex}.tone-play.is-playing{background:var(--accent-red)}.tone-play:active{transform:scale(.97)}.tone-play:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:3px}.tone-status{color:var(--text-secondary);margin:-.4rem 0 0;font-size:.85rem}.tone-freq{flex-direction:column;gap:.5rem;display:flex}.tone-freq.is-disabled{opacity:.55}.tone-slider{cursor:pointer;height:8px;margin:.5rem 0 0}.tone .tool-range::-moz-range-thumb{background:var(--accent-indigo);border:none;border-radius:50%;width:18px;height:18px}.tone-scale{color:var(--text-secondary);justify-content:space-between;font-size:.75rem;display:flex}.tone-fine{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.tone-hz-field{width:120px}.tone-steps{flex-wrap:wrap;gap:.5rem;display:flex}.tone-presets,.tone-volume{flex-direction:column;gap:.5rem;display:flex}.tone-volume-head{justify-content:space-between;align-items:baseline;display:flex}.tone-volume-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700}.tone-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=900px){.tone-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.native-tool.tone,.tone-card{padding:1rem}.tone-play,.tone-hz-field{width:100%}.tone-steps{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.tone-row{grid-template-columns:minmax(0,1fr)}}