:root{--tint:#f6dfe4;--line:#eadbd7;--ink:#443039;--muted:#806972}.sound-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:20px}.canvas-wrap{padding:15px;background:#fffaf5}canvas{aspect-ratio:2/1;min-height:250px;border-radius:9px}.legend{display:flex;gap:16px;font:11px ui-monospace,monospace;color:var(--muted);margin:13px 0}.voice-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.voice-options{display:flex;gap:8px;flex-wrap:wrap}.voice-options button{font-size:12px}.sound-heading{font:12px ui-monospace,monospace;color:var(--muted);margin-bottom:15px}.sheet-stripe{height:9px;background:repeating-linear-gradient(90deg,#bf4e79 0 33%,#628aaf 33% 66%,#b98343 66% 100%);opacity:.6}.play-button{min-width:150px}.card-note{padding:17px;border-radius:10px;background:var(--tint);font-size:13px;margin-top:20px}@media(max-width:840px){.sound-layout{grid-template-columns:1fr}.sound-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.sound-settings h2,.sound-settings .card-note,.sound-settings .toolbar{grid-column:1/-1}}@media(max-width:480px){canvas{min-height:260px}.canvas-wrap{padding:8px}.sound-settings{grid-template-columns:1fr}.legend{font-size:9px;gap:12px}}