/* Decorative DAW symbols only. The Studio's existing color rules stay intact. */
.beat-studio .studio-platform-host{position:relative;isolation:isolate}
.beat-studio .studio-platform-field{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none;user-select:none;contain:strict;mix-blend-mode:screen}
.beat-studio .studio-platform-symbol{position:absolute;left:var(--daw-x);top:var(--daw-y);width:var(--daw-size);height:var(--daw-size);transform:translate(-50%,-50%);opacity:var(--daw-opacity,.12);pointer-events:none}
.beat-studio .studio-platform-symbol img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:grayscale(1) brightness(1.4);animation:studio-platform-float var(--daw-speed,24s) ease-in-out var(--daw-phase,0s) infinite alternate;will-change:transform}
.beat-studio .studio-platform-symbol[data-ink] img{filter:brightness(0) invert(1)}
.beat-studio .studio-platform-symbol[data-paper] img{filter:invert(1) contrast(6)}
@keyframes studio-platform-float{
  0%{transform:translate3d(-14px,6px,0) rotate(-9deg)}
  50%{transform:translate3d(7px,-9px,0) rotate(1deg)}
  100%{transform:translate3d(19px,5px,0) rotate(9deg)}
}
[data-motion=off] .studio-platform-symbol img,
[data-motion-suspended] .studio-platform-symbol img,
.studio-platform-field[data-out-of-view] .studio-platform-symbol img{animation-play-state:paused;will-change:auto}
@media(max-width:700px){
  .beat-studio .studio-platform-symbol{width:calc(var(--daw-size)*.72);height:calc(var(--daw-size)*.72);opacity:calc(var(--daw-opacity,.12)*.8)}
  .beat-studio header .studio-platform-symbol{opacity:.075}
}
@media(prefers-reduced-motion:reduce){
  html:not([data-motion=on]) .studio-platform-symbol img{animation-play-state:paused;will-change:auto}
}