.sage-player{max-width:520px;background:#020817;color:#fff;border-radius:14px;padding:18px;box-shadow:0 18px 40px rgba(2,8,23,.35);font-family:Arial,Helvetica,sans-serif}
.sage-brand{font-weight:700;letter-spacing:.3px;color:#dbeafe;margin-bottom:16px}.sage-brand span{color:#3b82f6}
.sage-main-player{display:flex;gap:14px;align-items:center;background:#f8fafc;border-radius:30px;padding:10px 14px;color:#0f172a}.sage-big-play{width:42px;height:42px;border-radius:50%;border:0;background:#3b82f6;color:#fff;font-size:18px;cursor:pointer}.sage-track-info{flex:1}.sage-current-title{font-weight:700;font-size:14px;margin-bottom:4px}.sage-progress{width:100%;accent-color:#3b82f6}.sage-time{font-size:12px;color:#475569;text-align:right}
.sage-controls{display:flex;gap:10px;margin:16px 0}.sage-controls button{border:1px solid rgba(147,197,253,.45);background:linear-gradient(180deg,#2563eb,#1e3a8a);color:#fff;border-radius:999px;padding:7px 15px;font-size:12px;font-weight:700;cursor:pointer}.sage-controls button:hover,.sage-big-play:hover{filter:brightness(1.1)}
.sage-now{font-size:11px;letter-spacing:1.4px;color:#94a3b8;font-weight:700;margin:12px 0}.sage-playlist{max-height:300px;overflow-y:auto;border-top:1px solid rgba(148,163,184,.18)}.sage-playlist-item{display:block;width:100%;background:transparent;color:#cbd5e1;text-align:left;border:0;border-bottom:1px solid rgba(148,163,184,.18);padding:12px 10px;cursor:pointer;font-size:14px}.sage-playlist-item:hover{background:rgba(37,99,235,.18);color:#fff}.sage-playlist-item.active{background:#2563eb;color:#fff;font-weight:700}.sage-playlist-item span{font-size:11px;margin-right:6px}
@media(max-width:600px){.sage-player{max-width:100%;padding:15px}.sage-controls{justify-content:center;flex-wrap:wrap}.sage-main-player{border-radius:18px}}