/* 真紅の画廊 / 音楽を楽しむための小さな操作盤 */
#shinku-gallery .sg-soundbar {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
  gap: 18px 26px; margin: 0 auto 50px; padding: 22px 26px;
  border: 1px solid #d7b77870; border-radius: 5px;
  background: linear-gradient(120deg,#381329ee,#221021ee);
  box-shadow: inset 0 0 0 4px #140a1440;
}
.sg-soundbar[hidden] { display: none !important; }
.sg-sound-heading { flex: 1 1 220px; }
.sg-sound-heading .sg-eyebrow { font-size: 11px; letter-spacing: .2em; color: #d7b778; margin: 0 0 4px; }
.sg-sound-heading h2 { margin: 0; font-size: 21px; font-weight: 400; letter-spacing: .12em; color: #fff1d3; }
.sg-sound-heading > p:last-child { margin: 5px 0 0; font-size: 13px; color: #d6baca; }
.sg-sound-controls { display: grid; gap: 10px; width: 275px; max-width: 100%; }
#shinku-gallery .sg-sound-toggle {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; min-height: 48px; padding: 10px 16px; border: 1px solid #d7b778;
  border-radius: 3px; color: #fff1d3; background: linear-gradient(120deg,#64152d,#41132c);
  font-size: 15px; letter-spacing: .05em; transition: background .2s;
}
#shinku-gallery .sg-sound-toggle:hover { background: #79253d; }
.sg-sound-toggle[aria-pressed="true"] { box-shadow: 0 0 16px #d7b77820; }
.sg-sound-icon { color: #e9c98f; font-size: 19px; }
.sg-sound-volume { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 12px; color: #e3c5d1; }
.sg-sound-volume input { min-width: 0; flex: 1; width: 120px; min-height: 28px; margin: 0; accent-color: #d7b778; cursor: pointer; }
.sg-sound-volume input:focus-visible { outline: 2px solid #ffd700; outline-offset: 3px; }
.sg-sound-volume output { min-width: 3em; text-align: right; font-family: Georgia,serif; }
.sg-sound-hint { font-size: 11px; color: #c3a4b5; margin: -4px 0 0; }
.sg-sound-status { width: 100%; margin: 0; font-size: 12px; color: #d6baca; line-height: 1.7; }
@media(max-width:520px) {
  #shinku-gallery .sg-soundbar { padding: 20px; gap: 15px; margin-bottom: 40px; }
  .sg-sound-heading,.sg-sound-controls { width: 100%; flex-basis: 100%; }
}
@media(prefers-reduced-motion:reduce) { #shinku-gallery .sg-sound-toggle { transition: none; } }