.ss-ap{position:fixed;z-index:9999;display:flex;align-items:flex-end;gap:10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.ss-ap-pos-br{right:14px;bottom:14px}
.ss-ap-pos-bl{left:5px;bottom:130px}
.ss-ap-pos-tr{right:14px;top:14px}
.ss-ap-pos-tl{left:14px;top:14px}

.ss-ap-btn{width:52px;height:52px;border-radius:999px;border:0;background:#0aa;box-shadow:0 10px 24px rgba(0,0,0,.18);color:#fff;cursor:pointer;display:grid;place-items:center}
.ss-ap-btn:active{transform:scale(.98)}
.ss-ap-ic-pause{display:none}

.ss-ap.is-playing .ss-ap-ic-play{display:none}
.ss-ap.is-playing .ss-ap-ic-pause{display:inline}

.ss-ap-panel{width:350px;max-width:70vw;background:#fff;border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.18);padding:12px}
.ss-ap-title{font-weight:700;font-size:14px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-ap-controls{display:flex;align-items:center;gap:8px}
.ss-ap-controls button{border:0;background:#f3f4f6;border-radius:10px;padding:8px 10px;cursor:pointer}
.ss-ap-controls button:hover{filter:brightness(.98)}
.ss-ap-vol{flex:1}
.ss-ap-hint{margin-top:8px;font-size:12px;opacity:.75}