.mtts-bar{position:fixed;left:0;right:0;z-index:99999;display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  justify-content:center;padding:10px 12px;font:14px/1.2 -apple-system,"Segoe UI",Roboto,sans-serif;
  background:#1f2937;color:#fff;box-shadow:0 0 12px rgba(0,0,0,.3);
  padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
.mtts-bottom{bottom:0}
.mtts-top{top:0;padding-bottom:10px;padding-top:calc(10px + env(safe-area-inset-top,0px))}
.mtts-bar button,.mtts-bar select{font:inherit;border:0;border-radius:6px;padding:8px 12px;cursor:pointer;color:#111;background:#fff}
.mtts-bar .mtts-play{background:#22c55e;font-weight:600;color:#06240f;min-width:110px}
.mtts-bar label{display:flex;gap:6px;align-items:center}
.mtts-bar select{max-width:190px;padding:7px 8px}
.mtts-status{flex-basis:100%;text-align:center;font-size:12px;opacity:.85}
.mtts-status:empty{display:none}
.mtts-toggle{margin-left:auto}
.mtts-bar.mtts-min{left:auto;right:12px;width:auto;padding:6px;border-radius:999px;bottom:12px}
.mtts-bar.mtts-min.mtts-top{top:12px;bottom:auto}
.mtts-bar.mtts-min>*:not(.mtts-toggle){display:none}
.mtts-bar.mtts-min .mtts-toggle{margin:0}
body.mtts-has-bar-bottom{padding-bottom:70px}
body.mtts-has-bar-top{padding-top:70px}
.mtts-current{background:rgba(250,204,21,.35);border-radius:4px;transition:background .2s}
@media (max-width:520px){.mtts-bar{gap:6px;padding:8px}.mtts-bar select{max-width:140px}}