.media-player-window { min-width:360px; }
.media-player-window .win-body { padding:0; overflow:hidden; color:#17244b; background:#b7c2e2; }
.mp-menu { background:#e8e6dc; color:#111; border-bottom:1px solid #939bb7; }
.mp-shoulder { height:28px; flex-shrink:0; display:flex; align-items:center; justify-content:space-between; padding:0 12px; font:10px Tahoma,sans-serif; color:#eef4ff; background:linear-gradient(#f6f8ff 0%,#b3bbd4 18%,#8593bd 46%,#6071a9 51%,#9caad3 86%,#d6dff2); box-shadow:inset 0 1px #fff; border-radius:0 0 26px 0; }
.mp-shoulder span:last-child { color:#293d67; background:linear-gradient(#f9fcff,#c6d5f3); padding:5px 15px; border-radius:18px 0 0 0; margin-right:-12px; min-width:150px; text-align:center; }
.mp-workspace { display:flex; flex:1; min-height:0; gap:2px; background:#7786b7; }
.mp-sidebar { width:90px; flex-shrink:0; display:flex; flex-direction:column; padding:10px 5px 5px; border-radius:0 17px 30px 0; background:linear-gradient(90deg,#e2eaf9 0%,#f8fcff 45%,#becce7 100%); box-shadow:inset -1px 0 #f4f7ff; }
.mp-nav-item { text-align:left; white-space:pre-line; color:#142342; font:700 11px/1.15 Tahoma,sans-serif; border:1px solid transparent; background:none; padding:8px 5px; border-radius:3px; cursor:pointer; }
.mp-nav-item:hover,.mp-nav-item[aria-pressed="true"] { background:linear-gradient(#ecf5ff,#b8cdef); border-color:#99aed1; box-shadow:inset 0 1px white; }
.mp-sidebar-space { flex:1; }
.mp-sidebar-logo { margin:14px auto 2px; }
.mp-sidebar-logo img { width:25px; height:25px; }
.mp-center { display:flex; flex:1; flex-direction:column; min-width:0; min-height:0; background:#08000f; }
.mp-track-info { color:#fff; background:#000; padding:5px 8px 7px; font-family:Tahoma,sans-serif; flex-shrink:0; }
.mp-artist { font-size:10px; color:#b8b8c8; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.mp-track-title { font-size:15px; line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mp-stage { flex:1; position:relative; min-height:100px; overflow:hidden; border:1px solid #273054; }
.mp-stage[hidden],.mp-library[hidden] { display:none; }
.mp-stage:fullscreen { width:100vw; height:100vh; border:0; background:#08000f; }
.mp-canvas { display:block; position:absolute; width:100%; height:100%; }
.mp-visual-bar { min-height:26px; flex-shrink:0; display:flex; align-items:center; gap:3px; color:#e0e7fa; background:linear-gradient(#505b88,#323c69); padding:2px 4px; }
.mp-preset { min-width:0; max-width:56%; color:#e7ecff; background:#343d68; font:10px Tahoma,sans-serif; border:1px solid #637096; padding:2px; }
.mp-preset option { color:#fff; background:#343d68; }
.mp-text-control { color:#e7edff; background:none; border:1px solid #8893b1; padding:2px 4px; font:9px Tahoma,sans-serif; cursor:pointer; white-space:nowrap; }
.mp-text-control:hover { background:#5b6b9a; }
.mp-rail { width:150px; flex-shrink:0; display:flex; flex-direction:column; min-height:0; background:#3b456e; color:#dce7fe; border-left:1px solid #afbddb; }
.mp-rail-title { text-align:center; font-size:10px; background:linear-gradient(#96a9de,#778cbf); padding:5px; }
.mp-album { width:95px; height:92px; margin:9px auto; display:grid; place-items:center; background:linear-gradient(120deg,#202c49,#445a87 60%,#24334f); border:1px solid #455879; box-shadow:inset 0 0 18px #0e173e; }
.mp-album span { font:70px Georgia,serif; color:#b4bfd3; text-shadow:2px 3px 4px #10182c,0 -1px 2px #fff; transform:rotate(-10deg); }
.mp-playlist { flex:1; min-height:0; overflow-y:auto; padding:3px; }
.mp-track { display:block; text-align:left; width:100%; border:1px solid transparent; background:none; color:#d8e2f8; font:10px/1.5 Tahoma,sans-serif; padding:3px 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; }
.mp-track.selected { color:#dfff82; background:#17213f; border-color:#8296bc; }
.mp-track:hover { background:#526895; }
.mp-open { margin:4px; color:#e8f1ff; font:10px Tahoma,sans-serif; padding:5px; background:#536a99; border:1px solid #8199c5; cursor:pointer; }
.mp-library { flex:1; background:#f5f7fd; color:#253254; padding:25px; overflow:auto; }
.mp-library h3 { font-size:18px; font-weight:400; margin-bottom:12px; }
.mp-library p { line-height:1.5; margin-bottom:18px; }
.mp-library-tracks { display:grid; gap:3px; }
.mp-library-track { text-align:left; border:1px solid #b1bfd8; background:#e6ecf8; color:#243553; padding:8px; cursor:pointer; overflow-wrap:anywhere; }
.mp-local-note { color:#637498; font-size:11px; margin-top:14px; }
.mp-status-bar { flex-shrink:0; min-height:21px; color:#cde890; background:#080b13; display:flex; justify-content:space-between; align-items:center; padding:3px 10px; gap:8px; font:10px Tahoma,sans-serif; }
.mp-status { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mp-elapsed { white-space:nowrap; color:#cad7ea; }
.mp-controls { flex-shrink:0; background:linear-gradient(#dbe4f9,#f9fbff 12%,#b4c1df 23%,#e4eaf8 38%,#a9b8d9 65%,#e8edf9 92%,#94a5ce); padding:3px 10px 7px; border-top:1px solid #fff; }
.mp-control-row { display:flex; gap:7px; align-items:center; min-height:38px; }
.mp-play,.mp-small-control { display:grid; place-items:center; flex-shrink:0; border:1px solid #8097bf; border-radius:50%; background:radial-gradient(at 40% 20%,#fff 10%,#e8f0fe 35%,#bccce8 65%,#87a1ca); color:#374b72; box-shadow:inset 0 0 0 2px #eef5ff,1px 2px 2px #697ea355; cursor:pointer; }
.mp-play { width:37px; height:37px; font-size:17px; }
.mp-small-control { width:25px; height:25px; font-size:10px; }
.mp-small-control[aria-pressed="true"] { color:#35652a; background:radial-gradient(at 40% 20%,#fff,#d5e7bb 55%,#8ea974); }
.mp-play:hover,.mp-small-control:hover { filter:brightness(1.06); }
.mp-volume-label { font-size:18px; color:#536c93; margin-left:4px; }
.mp-seek { display:block; width:100%; height:12px; accent-color:#7fb971; cursor:pointer; }
.mp-volume { width:84px; height:15px; accent-color:#7ba171; cursor:pointer; }
.mp-seek:disabled { opacity:.55; }
.media-player-window button:focus-visible,.media-player-window select:focus-visible { outline:2px solid #f9c044; outline-offset:1px; }
@media(max-width:720px), (pointer:coarse) and (max-width:1024px) {
  .media-player-window { min-width:0; }
  .mp-rail { display:none; }
  .mp-sidebar { width:69px; padding:7px 2px; }
  .mp-nav-item { font-size:10px; padding:12px 3px; }
  .mp-visual-bar { flex-wrap:wrap; gap:5px; padding:5px; }
  .mp-preset { max-width:100%; flex:1 1 100%; font-size:12px; min-height:30px; }
  .mp-text-control { font-size:11px; padding:6px; }
  .mp-control-row { gap:6px; min-height:47px; }
  .mp-small-control { width:30px; height:30px; }
  .mp-play { width:42px; height:42px; }
  .mp-volume { width:63px; }
  .mp-menu > button { font-size:12px; padding:5px 8px; }
  .mp-seek { height:23px; }
  .mp-shoulder span:last-child { min-width:115px; }
}