/* Ava Music v7.45 — visible, user-friendly remix player */
:root{
  --ava-player-card:#ffffff;
  --ava-player-card-2:#f5f7fa;
  --ava-player-text:#151b26;
  --ava-player-muted:#687386;
  --ava-player-line:#dfe4eb;
  --ava-player-shadow:0 24px 70px rgba(17,24,39,.20);
}
html.dark,body.dark,.dark{
  --ava-player-card:#111925;
  --ava-player-card-2:#182230;
  --ava-player-text:#f7f9fc;
  --ava-player-muted:#a8b1c0;
  --ava-player-line:#2a3748;
  --ava-player-shadow:0 28px 90px rgba(0,0,0,.55);
}
body.ava-next-ui.ava-player-visible{padding-bottom:190px!important}
#ava-v74-player{
  right:18px!important;left:18px!important;bottom:14px!important;
  max-width:1360px!important;margin-inline:auto!important;
  overflow:visible!important;border:1px solid var(--ava-player-line)!important;
  border-radius:24px!important;background:var(--ava-player-card)!important;
  color:var(--ava-player-text)!important;box-shadow:var(--ava-player-shadow)!important;
  backdrop-filter:none!important;opacity:1!important;
}
#ava-v74-player .ava-v74-player__progress{right:18px!important;left:18px!important;height:6px!important;background:var(--ava-player-line)!important}
#ava-v74-player .ava-v74-player__main{
  min-height:92px!important;display:grid!important;
  grid-template-columns:minmax(230px,1fr) minmax(330px,auto) 78px minmax(330px,1fr)!important;
  gap:14px!important;padding:13px 16px 8px!important;
}
#ava-v74-player .ava-v74-player__track img{width:62px!important;height:62px!important;border-radius:16px!important;box-shadow:0 9px 24px rgba(17,24,39,.16)!important}
#ava-v74-player .ava-v74-player__track strong{font-size:13px!important;line-height:1.7!important;color:var(--ava-player-text)!important}
#ava-v74-player .ava-v74-player__track a{font-size:10px!important;color:var(--ava-player-muted)!important}
#ava-v74-player .ava-v74-player__transport{gap:5px!important}
#ava-v74-player .ava-v74-player__transport>button,
#ava-v74-player .ava-v74-player__tools>button,
#ava-v74-player .ava-v74-player__tools>a{
  width:40px!important;height:40px!important;border:1px solid transparent!important;
  border-radius:12px!important;color:var(--ava-player-text)!important;opacity:1!important;
}
#ava-v74-player .ava-v74-player__transport>button:hover,
#ava-v74-player .ava-v74-player__tools>button:hover,
#ava-v74-player .ava-v74-player__tools>a:hover,
#ava-v74-player button.is-active{
  border-color:color-mix(in srgb,var(--ava-brand) 28%,var(--ava-player-line))!important;
  background:color-mix(in srgb,var(--ava-brand) 10%,var(--ava-player-card-2))!important;
  color:var(--ava-brand)!important;
}
#ava-v74-player .ava-v74-player__play{width:56px!important;height:56px!important;border:0!important;background:linear-gradient(135deg,var(--ava-brand),#ff8a4b)!important;box-shadow:0 11px 28px rgba(255,101,31,.34)!important;color:#fff!important}
#ava-v74-player .ava-v74-player__play svg{width:22px!important;height:22px!important}
#ava-v74-player .ava-v74-player__time{font-size:10px!important;color:var(--ava-player-muted)!important}
#ava-v74-player .ava-v74-player__tools{gap:4px!important;flex-wrap:nowrap!important}
#ava-v74-player .ava-v74-player__tools input[type=range]{display:block!important;width:82px!important;accent-color:var(--ava-brand)!important}
#ava-v74-player .ava-v74-player__mixer-button{width:auto!important;min-width:112px!important;padding:0 11px!important;display:grid!important;grid-auto-flow:column!important;gap:7px!important;border-color:color-mix(in srgb,var(--ava-brand) 35%,var(--ava-player-line))!important;background:color-mix(in srgb,var(--ava-brand) 11%,var(--ava-player-card-2))!important;color:var(--ava-brand)!important}
#ava-v74-player .ava-v74-player__mixer-button span{display:block!important;font-size:9px!important;font-weight:900!important;white-space:nowrap!important}
#ava-v74-player svg{opacity:1!important}

/* Always-visible feature strip */
.ava-v745-player__quick{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
  padding:0 16px 12px;border-top:1px solid var(--ava-player-line);
}
.ava-v745-player__quick>button{
  min-width:0;min-height:54px;display:flex;align-items:center;justify-content:flex-start;gap:10px;
  padding:7px 11px;border:1px solid var(--ava-player-line);border-radius:14px;
  background:var(--ava-player-card-2);color:var(--ava-player-text);cursor:pointer;text-align:right;transition:.18s ease;
}
.ava-v745-player__quick>button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ava-brand) 35%,var(--ava-player-line));color:var(--ava-brand)}
.ava-v745-player__quick>button.is-remix{background:linear-gradient(135deg,var(--ava-brand),#ff8a4b);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(255,101,31,.24)}
.ava-v745-player__quick svg{width:20px!important;height:20px!important;flex:0 0 20px}
.ava-v745-player__quick span{min-width:0;display:block}
.ava-v745-player__quick strong,.ava-v745-player__quick small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ava-v745-player__quick strong{font-size:10px;line-height:1.55}.ava-v745-player__quick small{font-size:8px;color:var(--ava-player-muted)}
.ava-v745-player__quick .is-remix small{color:rgba(255,255,255,.78)}

/* Queue and remix studio */
#ava-v74-player .ava-v74-player__queue,
#ava-v74-player .ava-v74-player__mixer{
  bottom:calc(100% + 12px)!important;border:1px solid var(--ava-player-line)!important;
  background:var(--ava-player-card)!important;color:var(--ava-player-text)!important;
  box-shadow:var(--ava-player-shadow)!important;z-index:10!important;
}
#ava-v74-player .ava-v74-player__queue{right:0!important;width:min(100%,510px)!important}
#ava-v74-player .ava-v74-player__mixer{left:0!important;right:auto!important;width:min(100%,760px)!important;max-height:min(76vh,690px)!important;overflow:auto!important}
#ava-v74-player .ava-v74-player__queue>header,
#ava-v74-player .ava-v74-player__mixer>header{padding:16px 18px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--ava-brand) 8%,var(--ava-player-card)),var(--ava-player-card))!important}
#ava-v74-player .ava-v74-player__mixer header p{margin:4px 0 0;color:var(--ava-player-muted);font-size:8px;line-height:1.8}
#ava-v74-player .ava-v74-player__mixer header strong{font-size:15px!important}
.ava-v745-remix-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 17px 2px}
.ava-v745-remix-presets button{min-height:64px;padding:10px;border:1px solid var(--ava-player-line);border-radius:14px;background:var(--ava-player-card-2);color:var(--ava-player-text);cursor:pointer;text-align:right}
.ava-v745-remix-presets button:hover,.ava-v745-remix-presets button.is-active{border-color:var(--ava-brand);background:color-mix(in srgb,var(--ava-brand) 10%,var(--ava-player-card-2));color:var(--ava-brand)}
.ava-v745-remix-presets strong,.ava-v745-remix-presets small{display:block}.ava-v745-remix-presets strong{font-size:10px}.ava-v745-remix-presets small{margin-top:3px;color:var(--ava-player-muted);font-size:8px}
#ava-v74-player .ava-v74-mixer-grid{gap:10px!important;padding:14px 17px!important}
#ava-v74-player .ava-v74-mixer-grid label{padding:13px!important;border-color:var(--ava-player-line)!important;background:var(--ava-player-card-2)!important}
#ava-v74-player .ava-v74-mixer-grid label span{font-size:10px!important}
#ava-v74-player .ava-v74-mixer-grid output{font-size:9px!important}
#ava-v74-player .ava-v74-mixer-grid input{height:24px!important}
#ava-v74-player .ava-v74-loop-tools button{min-height:39px!important;font-size:9px!important;border-color:var(--ava-player-line)!important;background:var(--ava-player-card-2)!important;color:var(--ava-player-text)!important}
#ava-v74-player .ava-v74-player__mixer>p{color:var(--ava-player-muted)!important}

/* Collapsed state stays clean */
#ava-v74-player.is-collapsed .ava-v745-player__quick{display:none!important}

@media(max-width:1180px){
  #ava-v74-player .ava-v74-player__main{grid-template-columns:minmax(190px,1fr) auto 70px minmax(210px,auto)!important;gap:8px!important}
  #ava-v74-player .ava-v74-player__tools input[type=range]{display:none!important}
  #ava-v74-player .ava-v74-player__tools>a:nth-of-type(1){display:none!important}
  #ava-v74-player .ava-v74-player__mixer-button{min-width:42px!important;width:42px!important;padding:0!important}
  #ava-v74-player .ava-v74-player__mixer-button span{display:none!important}
}

@media(max-width:860px){
  body.ava-next-ui.ava-player-visible{padding-bottom:184px!important}
  #ava-v74-player{right:8px!important;left:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;border-radius:20px!important}
  #ava-v74-player .ava-v74-player__main{min-height:auto!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"track transport" "time tools"!important;padding:10px 10px 7px!important}
  #ava-v74-player .ava-v74-player__track{grid-area:track!important}
  #ava-v74-player .ava-v74-player__transport{grid-area:transport!important}
  #ava-v74-player .ava-v74-player__time{grid-area:time!important;display:flex!important;justify-content:flex-start!important;padding-right:57px!important}
  #ava-v74-player .ava-v74-player__tools{grid-area:tools!important;display:flex!important}
  #ava-v74-player .ava-v74-player__track img{width:50px!important;height:50px!important;border-radius:13px!important}
  #ava-v74-player .ava-v74-player__track strong{font-size:10px!important}
  #ava-v74-player .ava-v74-player__track a{font-size:8px!important}
  #ava-v74-player .ava-v74-player__transport>button{display:none!important}
  #ava-v74-player .ava-v74-player__transport [data-player-prev],
  #ava-v74-player .ava-v74-player__transport [data-player-play],
  #ava-v74-player .ava-v74-player__transport [data-player-next]{display:grid!important}
  #ava-v74-player .ava-v74-player__transport [data-player-prev],#ava-v74-player .ava-v74-player__transport [data-player-next]{width:34px!important;height:34px!important}
  #ava-v74-player .ava-v74-player__play{width:48px!important;height:48px!important}
  #ava-v74-player .ava-v74-player__tools>button,#ava-v74-player .ava-v74-player__tools>a{display:none!important}
  #ava-v74-player .ava-v74-player__tools [data-player-download],
  #ava-v74-player .ava-v74-player__tools [data-player-mixer-toggle],
  #ava-v74-player .ava-v74-player__tools [data-player-queue-toggle],
  #ava-v74-player .ava-v74-player__tools [data-player-collapse]{display:grid!important;width:34px!important;height:34px!important}
  .ava-v745-player__quick{display:flex;overflow-x:auto;gap:7px;padding:0 9px 9px;scroll-snap-type:x proximity}
  .ava-v745-player__quick>button{flex:0 0 145px;min-height:48px;scroll-snap-align:start}
  .ava-v745-player__quick strong{font-size:9px}.ava-v745-player__quick small{font-size:7px}
  #ava-v74-player .ava-v74-player__queue,#ava-v74-player .ava-v74-player__mixer{position:fixed!important;right:8px!important;left:8px!important;bottom:calc(178px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:calc(100vh - 205px)!important;border-radius:20px!important}
  .ava-v745-remix-presets{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 12px 2px}
  #ava-v74-player .ava-v74-mixer-grid{grid-template-columns:1fr 1fr!important;padding:12px!important}
  #ava-v74-player .ava-v74-loop-tools{padding:0 12px 12px!important}
}

@media(max-width:520px){
  body.ava-next-ui.ava-player-visible{padding-bottom:172px!important}
  #ava-v74-player .ava-v74-player__main{grid-template-areas:"track transport" "tools tools"!important;gap:6px!important}
  #ava-v74-player .ava-v74-player__time{display:none!important}
  #ava-v74-player .ava-v74-player__track img{width:45px!important;height:45px!important}
  #ava-v74-player .ava-v74-player__transport [data-player-prev],#ava-v74-player .ava-v74-player__transport [data-player-next]{display:none!important}
  #ava-v74-player .ava-v74-player__tools{justify-content:space-between!important;width:100%!important}
  #ava-v74-player .ava-v74-player__tools [data-player-download],
  #ava-v74-player .ava-v74-player__tools [data-player-mixer-toggle],
  #ava-v74-player .ava-v74-player__tools [data-player-queue-toggle],
  #ava-v74-player .ava-v74-player__tools [data-player-collapse]{width:39px!important;height:36px!important}
  .ava-v745-player__quick>button{flex-basis:132px}
  #ava-v74-player .ava-v74-player__queue,#ava-v74-player .ava-v74-player__mixer{bottom:calc(166px + env(safe-area-inset-bottom))!important;max-height:calc(100vh - 190px)!important}
  #ava-v74-player .ava-v74-mixer-grid{grid-template-columns:1fr!important}
  .ava-v745-remix-presets{grid-template-columns:1fr 1fr}
  #ava-v74-player .ava-v74-loop-tools button{flex:1 1 100%!important}
}

/* Ava Music v7.46 — remove temporary loading label */
#ava-v74-player.is-loading:after,.ava-v74-player.is-loading:after{content:none!important;display:none!important;opacity:0!important;visibility:hidden!important}
