.sound-playground p{font:var(--note-weight-text) var(--note-text-sm)/var(--note-leading) var(--note-font);color:var(--note-text-muted);margin:0 0 16px}
.sound-playground button,#sample-strip button{border:0;border-radius:0;background:none;color:var(--note-text-muted);padding:0;font:var(--note-weight-text) var(--note-text-sm)/var(--note-leading) var(--note-font);cursor:pointer;min-height:var(--note-target)}
.sound-playground button:hover,#sample-strip button:hover{color:var(--note-text)}
.sound-playground button:disabled{color:var(--note-text-disabled);cursor:wait}
.sound-playground button[aria-pressed=true],#sample-strip button.playing{color:var(--note-text);font-weight:var(--note-weight-label)}
.sound-actions{display:flex;gap:0 32px;flex-wrap:wrap;margin-bottom:16px}
.sound-playground label{font:var(--note-weight-text) var(--note-text-xs)/var(--note-leading) var(--note-font);color:var(--note-text-muted);white-space:nowrap}
.sound-playground output{font-size:var(--note-text-sm);color:var(--note-text);font-variant-numeric:var(--note-numeric)}
.sound-range{display:flex;align-items:center;gap:16px;margin:16px 0}
.sound-range label{min-width:32px}.sound-range input{min-width:0;flex:1}.sound-range output{min-width:48px;text-align:right}
.sound-playground select{margin-left:16px;padding:0;background:none;color:var(--note-text);border:0;border-radius:0;font:var(--note-weight-text) var(--note-text-sm)/var(--note-leading) var(--note-font)}
/* The sample's waveform is drawn by the script; its ground is the casing. */
#sample-wave{display:block;width:100%;height:64px;margin:16px 0;background:none;border-radius:0}
#song-seek{width:100%;margin-bottom:8px}.sound-time{display:block;margin-top:16px;font-variant-numeric:var(--note-numeric)}
#song-link-section[hidden],#song-link-cancel[hidden]{display:none}
#song-link-section{margin-bottom:24px}
#song-link-section label{display:block;margin-bottom:8px}
#song-link-section .song-link-row{display:flex;gap:0 24px;flex-wrap:wrap;margin:8px 0 16px}
#song-link{flex:1 1 190px;min-width:0;width:100%;box-sizing:border-box;border:0;border-radius:0;background:none;color:var(--note-text);padding:0;font:var(--note-weight-text) var(--note-text-sm)/var(--note-leading) var(--note-font);min-height:var(--note-target)}
#song-link::placeholder{color:var(--note-text-faint);opacity:1}
#song-link:focus-visible{outline:1px solid var(--note-text);outline-offset:3px;border-radius:var(--note-radius-focus)}
#song-link-status{overflow-wrap:anywhere}
.sound-playground .sound-footnote{font-size:var(--note-text-sm);margin-top:16px;color:var(--note-text-faint)}
/* Sample pads: eight numerals on the casing, above the keys; a sounding pad carries the light. */
#sample-strip{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;align-items:center;gap:24px;padding:0 var(--note-pad);background:var(--note-casing);border-top:1px solid var(--note-rule);color:var(--note-text-muted);font:var(--note-weight-text) var(--note-text-xs)/var(--note-leading) var(--note-font)}
#sample-strip[hidden],body.kb-min #sample-strip{display:none}
body:not(.kb-min) #sample-strip{bottom:var(--kb-h)}
#sample-pads{display:grid;grid-template-columns:repeat(8,1fr);gap:0;flex:1}
#sample-pads button{position:relative;touch-action:none;padding:0;font-size:var(--note-text-md);font-variant-numeric:var(--note-numeric)}
#sample-strip button.playing::before{content:'';position:absolute;left:calc(50% - 16px);top:calc(50% - var(--note-dot) / 2);width:var(--note-dot);height:var(--note-dot);border-radius:50%;background:var(--scene-accent);box-shadow:var(--note-glow)}
body.instrument-ui.sampling:not(.kb-min) #corner-bl,body.instrument-ui.sampling:not(.kb-min) #corner-br{bottom:calc(var(--kb-h) + 76px)}
body.sampling #audio-status{bottom:calc(var(--kb-h) + 116px)}
body.sampling.kb-min #audio-status{bottom:55px}
@media(max-width:500px){#sample-strip{gap:8px;padding:0 16px}#sample-strip>span{display:none}#sample-strip button{min-height:var(--note-target)}}