/* Shared controls for sound creation and arrangement. */
.audio-dock{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;flex-shrink:0;padding:12px 14px;border-top:1px solid #485639;background:#20291b}
.audio-dock-main{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;flex:1 1 auto;min-width:0}
.audio-dock-playback{display:flex;align-items:center;gap:6px;flex-shrink:0}
.audio-dock .play-button{width:36px;height:36px;min-width:36px;padding:0}
.audio-dock .play-button svg{width:14px;height:14px}
.audio-dock .icon-button{width:32px;height:32px;margin:0;padding:0}
.audio-dock-time{display:flex;align-items:baseline;gap:5px;min-width:104px;white-space:nowrap;font:12px Consolas,monospace;color:var(--accent)}
.audio-dock-time small{font-size:10px;color:#93a186}
.audio-dock-volume{display:flex;align-items:center;gap:8px;color:#93a186}
.audio-dock-volume svg{width:15px;height:15px;flex-shrink:0}
.audio-dock-volume input{width:64px;margin:0}
.audio-dock-volume output{font:10px Consolas,monospace;min-width:30px}
.audio-dock-actions,.audio-dock-history{display:flex;align-items:center;gap:6px}
.audio-dock-actions{margin-left:auto}
.audio-dock-history{padding-right:8px;border-right:1px solid var(--line);margin-right:2px}
.audio-dock .button{flex:0 0 auto;width:auto;min-height:34px;margin:0;padding:7px 10px;font-size:11px;white-space:nowrap;justify-content:center}
.audio-dock .button svg{width:15px;height:15px;margin:0}
@media(max-width:760px){
  .audio-dock{padding:10px 12px;gap:8px}
  .audio-dock-main{flex-basis:100%;gap:8px 14px}
  .audio-dock-actions{width:100%;justify-content:flex-end}
  .audio-dock-history{margin-right:auto;border:0;padding:0}
}
@media(max-width:380px){
  .audio-dock{padding-left:10px;padding-right:10px}
  .audio-dock-actions{gap:4px;flex-wrap:wrap}
  .audio-dock .button{padding-left:8px;padding-right:8px;font-size:10px}
}