/* Desktop: the inspector is information/video only; controls stay in the bottom player. */
.mobile-youtube-host{display:none!important}
@media(min-width:1101px){.track-inspector{width:320px;top:22px;bottom:108px}.inspector-media{min-height:200px;aspect-ratio:auto}.inspector-close,.details-button{display:none}}

@media(max-width:1100px){
  body.inspector-visible{overflow:hidden}
  .sidebar{display:none}
  .content{margin-left:0;width:100%}
  .app-shell{display:block;padding-bottom:155px}
  .track-inspector{display:none;position:fixed;z-index:30;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0;background:var(--bg);overflow-y:auto}
  .track-inspector.mobile-open{display:block}
  .track-inspector .inspector-media{min-height:144px;height:38vh;max-height:360px;aspect-ratio:auto}
  .track-inspector .inspector-body{padding:25px 22px 130px}
  .inspector-close{display:grid;place-items:center;position:absolute;z-index:2;right:16px;top:14px;width:40px;height:40px;border:1px solid #ffffff55;border-radius:50%;background:#09080fcc;color:#fff;font-size:28px;line-height:1;cursor:pointer}
  .details-button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:8px;padding:10px 12px;font-size:12px;cursor:pointer}
  .details-button:hover{color:var(--green);border-color:var(--green)}
  .player{min-height:136px;grid-template-columns:1fr auto;grid-template-rows:55px 50px;padding:12px 16px;gap:7px 12px}
  .now-playing{grid-column:1}.details-button{grid-column:2;grid-row:1}.player-center{grid-column:1/-1;grid-row:2}.player-mode{display:none}.mini-cover{display:grid}
  .youtube-host{display:none!important}
  .mobile-youtube-host{display:none!important}
  .mobile-youtube-host iframe{display:block;width:100%;height:100%;border:0}
  .player.youtube-mode{min-height:270px;grid-template-rows:144px 55px 50px}
  .player.youtube-mode .mobile-youtube-host{display:block!important;grid-column:1/-1;grid-row:1;height:144px;background:#000}
  .player.youtube-mode .now-playing{grid-column:1;grid-row:2}
  .player.youtube-mode .details-button{grid-column:2;grid-row:2}
  .player.youtube-mode .player-center{grid-column:1/-1;grid-row:3}
}

@media(max-width:560px){.player{min-height:145px;padding:12px}.now-playing strong{font-size:14px}.now-playing span{font-size:12px}.controls button{margin:0 8px}.details-button span{display:none}.details-button{width:42px;height:42px;padding:0;font-size:18px}.track-inspector .inspector-media{height:144px;min-height:144px}.track-inspector .inspector-body{padding:22px 18px 130px}}