.tone-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;color:var(--ink,#173f43)}
.tone-controls label{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600}
.tone-controls select,.tone-controls button,.tone-dialog select,.tone-dialog button{font:inherit;color:#173f43;background:#fffef8;border:1px solid #a9b7a2;border-radius:4px;padding:8px 10px;min-height:38px}
.tone-controls select{max-width:168px}.tone-controls button{font-size:14px}
.tone-controls :focus-visible,.tone-dialog :focus-visible{outline:2px solid #275d4c;outline-offset:3px}
.tone-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;color:#173f43;background:#fffef8;border:1px solid #a9b7a2;border-radius:8px}
.tone-dialog::backdrop{background:#132f2bb3}.tone-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.tone-heading h2{margin:0;font-size:30px}.tone-parts{display:grid;gap:12px;margin:20px 0}.tone-parts label{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:12px}.tone-note{font-size:14px;line-height:1.5}
.audio-dock,.study-player,.foundation-player{height:auto;min-height:86px;flex-wrap:wrap;gap:12px 22px;padding-top:12px;padding-bottom:12px}
.audio-dock .transport{flex-wrap:wrap}.foundation-player .tone-controls{color:#fffef8}
body{padding-bottom:calc(var(--player-height,110px) + 26px)}
html{scroll-padding-bottom:calc(var(--player-height,110px) + 24px)}
@media(max-width:650px){.tone-controls{gap:6px}.tone-controls label{font-size:13px;gap:5px}.tone-controls select,.tone-controls button{padding:6px;min-height:36px}.audio-dock,.study-player,.foundation-player{gap:8px 12px;padding:10px 14px}.audio-dock .dock-label{display:none}.foundation-player p{flex-basis:100%;margin:0}.tone-controls select{max-width:145px}}