
/* Shaliz V40 — refined music experience; keep the V36 velvet identity. */
body.studio-app .music-room .room-hero,
body.studio-app #view-music .room-hero {
  background:linear-gradient(135deg,#502434 0%,#381d2a 50%,#28131c 100%)!important;
  border-bottom:1px solid rgba(211,172,119,.28)!important;
  min-height:310px!important;
}
body.studio-app .music-room .room-hero::after {display:none!important}
body.studio-app .music-room .room-hero-graphic {
  opacity:.38!important;filter:sepia(.25)!important;
}
body.studio-app .music-room .room-hero h2 {font-size:clamp(2.7rem,5vw,4.7rem)!important}
/* Keep the original cover photograph exactly as it is, without colored overlays. */
body.studio-app .hero-gallery .gallery-art {
  background:#24151a!important;
  filter:none!important;
  isolation:isolate!important;
}
body.studio-app .hero-gallery .gallery-art::before,
body.studio-app .hero-gallery .gallery-art::after,
body.studio-app .hero-gallery .gallery-art .gallery-glow {display:none!important}
body.studio-app .hero-gallery .gallery-art img {
  display:block!important;width:100%!important;height:100%!important;
  object-fit:contain!important;filter:none!important;opacity:1!important;
  mix-blend-mode:normal!important;transform:none!important;
  border-radius:inherit!important;
}
body.studio-app .hero-gallery .gallery-art:hover img {transform:none!important}
body.studio-app .gallery-satellite img {
  filter:none!important;mix-blend-mode:normal!important;opacity:1!important;
}
/* A restrained, premium gold feather mark with no badge or ring. */
body.studio-app .studio-brand-icon {
  background:transparent!important;border:0!important;box-shadow:none!important;
  border-radius:0!important;width:40px!important;min-width:40px!important;
  height:49px!important;padding:0!important;overflow:visible!important;
}
body.studio-app .studio-brand-icon .brand-quill {
  display:block!important;width:36px!important;height:45px!important;
  transform:rotate(-11deg)!important;
  color:#dfba79!important;filter:drop-shadow(0 2px 3px #10060b88)!important;
}
body.studio-app .studio-brand-icon .brand-quill path {stroke-width:1.2!important}
body.studio-app .studio-brand-icon .brand-quill path:first-child {
  fill:rgba(223,186,121,.22)!important;
}
/* Full-width polished player: controls and progress visually belong together. */
body.studio-app .player {
  background:linear-gradient(125deg,rgba(39,17,28,.98),rgba(62,30,44,.98))!important;
  border-top:1px solid rgba(223,186,121,.48)!important;
  box-shadow:0 -12px 44px #12050d99!important;
  backdrop-filter:blur(22px)!important;
  padding-block:13px!important;gap:18px!important;
}
body.studio-app .player-info {
  min-width:0!important;flex:1 1 300px!important;
}
body.studio-app .player-info strong {
  font-size:1.02rem!important;color:#f8e9d6!important;
}
body.studio-app #playerCover {
  display:block!important;object-fit:cover!important;
  width:64px!important;height:64px!important;min-width:64px!important;
  border-radius:11px!important;border:1px solid rgba(223,186,121,.65)!important;
  box-shadow:0 8px 25px #10050c99!important;
  filter:none!important;mix-blend-mode:normal!important;
}
body.studio-app .player-buttons {
  display:flex!important;align-items:center!important;
  gap:10px!important;flex:0 0 auto!important;
}
body.studio-app .player-buttons > button:not(.play-circle) {
  display:grid!important;place-items:center!important;
  width:43px!important;height:43px!important;
  border-radius:13px!important;
  background:rgba(223,186,121,.07)!important;
  border:1px solid rgba(223,186,121,.26)!important;
  color:#ecd2a4!important;
  box-shadow:inset 0 1px 0 #ffffff0b!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
body.studio-app .player-buttons > button:not(.play-circle):hover {
  background:rgba(223,186,121,.18)!important;
  border-color:rgba(223,186,121,.72)!important;
  transform:translateY(-2px)!important;
}
body.studio-app .player-buttons .play-circle {
  display:grid!important;place-items:center!important;
  width:56px!important;height:56px!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#f7e0b2,#cba064)!important;
  color:#2b1720!important;border:1px solid #f4dfb8!important;
  box-shadow:0 7px 23px #0006,inset 0 1px #fff7!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
body.studio-app .player-buttons .play-circle:hover {
  transform:translateY(-2px) scale(1.04)!important;
  box-shadow:0 10px 28px #0008,0 0 0 4px #d3ac7720!important;
}
body.studio-app .player-buttons .player-icon {
  width:20px!important;height:20px!important;stroke-width:1.75!important;
}
body.studio-app #seek {
  background:linear-gradient(to right,#f3d7a4 0%,#d3ac77 var(--seek-fill,0%),#755064 var(--seek-fill,0%),#755064 100%)!important;
  height:6px!important;border:0!important;
  border-radius:99px!important;cursor:pointer!important;
  box-shadow:inset 0 2px 4px #13071099!important;
}
body.studio-app #seek::-webkit-slider-thumb {
  width:16px!important;height:16px!important;
  background:#f2d5a0!important;border:3px solid #fff1d4!important;
  box-shadow:0 0 0 4px #d3ac7730,0 3px 10px #0008!important;
}
body.studio-app #seek::-moz-range-thumb {
  width:13px!important;height:13px!important;
  background:#f2d5a0!important;border:3px solid #fff1d4!important;
}
body.studio-app .player-volume {
  background:rgba(223,186,121,.06)!important;
  border:1px solid rgba(223,186,121,.18)!important;
  border-radius:13px!important;padding:7px 10px!important;
}
body.studio-app #playerVolume {accent-color:#dfba79!important}
body.studio-app .player-buttons button:focus-visible {
  outline:2px solid #f7e0b2!important;outline-offset:3px!important;
}
@media(max-width:760px){
  body.studio-app .player {gap:9px!important;padding:9px!important}
  body.studio-app #playerCover {
    width:47px!important;height:47px!important;min-width:47px!important;
  }
  body.studio-app .player-buttons {gap:5px!important}
  body.studio-app .player-buttons > button:not(.play-circle) {
    width:34px!important;height:36px!important;border-radius:10px!important;
  }
  body.studio-app .player-buttons .play-circle {
    width:42px!important;height:42px!important;border-radius:12px!important;
  }
  body.studio-app .player-buttons .player-icon {width:17px!important;height:17px!important}
  body.studio-app .studio-brand-icon {
    width:32px!important;min-width:32px!important;height:38px!important;
  }
  body.studio-app .studio-brand-icon .brand-quill {
    width:30px!important;height:37px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.studio-app .player-buttons button {transition:none!important}
  body.studio-app .player-buttons button:hover {transform:none!important}
}
