/* SunoWeb Midnight Gold-compatible offline drawer; isolated class names. */
.sunoweb-offline-nav{border:0;background:transparent;cursor:pointer;font:inherit}
.suno-offline-save{border:1px solid rgba(225,176,76,.65);border-radius:8px;color:#e5c584;background:linear-gradient(135deg,#343029,#191e2c);padding:6px 10px;margin:3px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.suno-offline-save:focus-visible,.sunoweb-offline-panel button:focus-visible{outline:2px solid #f4cf77;outline-offset:2px}
.sunoweb-offline-panel[hidden]{display:none!important}
.sunoweb-offline-panel{z-index:1090;position:fixed;top:5vh;right:2vw;width:min(720px,96vw);height:90vh;overflow:auto;background:linear-gradient(142deg,#141b2c,#11151e 62%,#211b23);border:1px solid rgba(236,195,105,.55);border-radius:16px;box-shadow:0 18px 75px #000b;padding:18px 19px;color:#f1e8d8;font:14px/1.45 system-ui,sans-serif}
.sunoweb-offline-panel h2{font-size:21px;color:#f5d389;margin:0}
.offline-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
.offline-eyebrow{display:block;color:#ba9a66;font-size:10px;letter-spacing:.15em;font-weight:700}
.offline-heading button{background:#342725;color:#f4d085;border:1px solid #9f7b43;border-radius:8px;padding:7px 13px}
.offline-explanation{color:#b8beca;font-size:12px;margin:9px 0 15px}
.offline-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 12px;border:1px solid #3b414c;border-radius:10px;background:#101521;margin-bottom:14px}
.offline-options label{color:#e8d6ac;display:flex;align-items:center;gap:7px;margin:0;font-size:12px}
.offline-options input[type=range]{width:105px;accent-color:#edc464}
.offline-options input[type=checkbox]{accent-color:#eabb51}
.offline-transport{border:1px solid rgba(244,199,94,.3);border-radius:12px;padding:12px;background:linear-gradient(110deg,#1b2335,#181923);display:grid;gap:7px}
.offline-song strong{font-size:16px;display:block;color:#fff2da}.offline-song small{display:block;color:#bfc6d4}
.offline-lyric{font-size:14px;color:#e7c779;min-height:18px}
.offline-buttons{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.offline-buttons button,.offline-actions button{background:linear-gradient(145deg,#292e3c,#171d2c);color:#f0d28b;border:1px solid #8a714c;border-radius:8px;min-height:34px;padding:5px 11px;cursor:pointer}
.offline-progress{display:flex;align-items:center;gap:8px}
.offline-progress input{flex:1;min-width:60px;accent-color:#edc463}
.offline-volume{font-size:12px;display:flex;align-items:center;gap:10px;color:#d9c89d}.offline-volume input{accent-color:#ecc265;width:160px}
#offlinePlayStatus{color:#aebcd1;font-size:11px}
.offline-library-head{display:flex;justify-content:space-between;margin:16px 2px 8px;color:#e8cb8a}
.offline-track{border:1px solid #424450;border-radius:9px;padding:9px;margin:7px 0;background:#171e2b;display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap}
.offline-info{min-width:155px;flex:1}.offline-info strong{display:block;word-break:break-word}.offline-info small{display:block;color:#a7b2bf}
.offline-actions{display:flex;gap:5px;flex-wrap:wrap}.offline-actions button{font-size:12px;min-height:32px;padding:3px 8px}.offline-actions button[data-offline-action=delete]{color:#ffaaa3;border-color:#9d5550}
.offline-status{color:#a0d7b6;min-height:18px;margin:8px 0}.offline-status.offline-error{color:#ffa7a7}
@media(max-width:550px){.sunoweb-offline-panel{top:0;right:0;width:100%;height:100dvh;padding:12px;border-radius:0}.offline-options{gap:8px}.offline-track{align-items:stretch}}

.offline-launch{color:#f4d278;font-weight:700;text-decoration:underline}
.offline-cover[hidden]{display:none!important}.offline-cover{width:76px;height:76px;border-radius:10px;object-fit:cover;float:left;margin:0 12px 7px 0;border:1px solid #997945}.offline-song::after{content:"";display:block;clear:both}

.offline-lyric-active{color:#ffe08b;font-weight:800;text-shadow:0 0 9px rgba(251,196,74,.40)}