.cover-viewer{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;color:#f2eff9;background:#101015;overflow:hidden;overscroll-behavior:contain;font-family:inherit}
.cover-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:cover-viewer-enter .24s ease-out}
.cover-viewer::backdrop{background:#101015}
.cover-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 32px;border-bottom:1px solid #ffffff12}
.cover-viewer-head>div{min-width:0}.cover-viewer-head span{font-size:10px;letter-spacing:.18em;color:#9c94b4}.cover-viewer-head h2{font-size:17px;font-weight:500;line-height:1.4;margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cover-viewer button{display:inline-flex;justify-content:center;align-items:center;gap:9px;flex-shrink:0;width:42px;height:42px;padding:0;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;cursor:pointer;font:inherit;transition:background .16s,border-color .16s}
.cover-viewer button:hover{background:#ffffff0d;border-color:#ffffff16}.cover-viewer button:focus-visible{outline:2px solid #bdb0ef;outline-offset:3px}.cover-viewer button:disabled{opacity:.3;cursor:default}
.cover-viewer-stage{position:relative;min-height:0;overflow:hidden;touch-action:none;user-select:none;cursor:zoom-in}
.cover-viewer-stage.is-zoomed{cursor:grab}.cover-viewer-stage.is-dragging{cursor:grabbing}
.cover-viewer-stage img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:contain;border-radius:5px;box-shadow:0 20px 80px #0007;transform-origin:center;user-select:none;pointer-events:none;will-change:transform}
.cover-viewer-stage img[hidden]{display:none}.cover-viewer-stage p{position:absolute;inset:50% 16px auto;text-align:center;margin:0;color:#aaa3b8;font-size:14px}.cover-viewer-stage p[hidden]{display:none}
.cover-viewer-foot{display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 24px 22px;background:linear-gradient(transparent,#15131d)}
.cover-viewer-controls{display:flex;align-items:center;gap:3px;padding:5px;border:1px solid #ffffff1c;border-radius:18px;background:#282330b3;box-shadow:0 10px 35px #0003,inset 0 1px #ffffff0b;backdrop-filter:blur(20px)}
.cover-viewer-controls output{min-width:58px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;color:#d9d0ed}.cover-control-divider{height:22px;width:1px;background:#ffffff1c;margin:0 6px}
.cover-viewer-controls #cover-zoom-fit{width:auto;padding:0 13px;font-size:13px}.cover-viewer-foot p{margin:0;color:#a39bad;font-size:12px;line-height:1.5}.cover-viewer-foot p span{margin:0 10px;color:#665e76}.cover-viewer kbd{font:inherit;border:1px solid #ffffff1c;border-radius:5px;padding:2px 5px;color:#c6bdd8}
@keyframes cover-viewer-enter{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.cover-viewer[open]{animation:none}.cover-viewer button{transition:none}}
@media(max-width:600px){.cover-viewer-head{padding:18px}.cover-viewer-head h2{font-size:15px}.cover-viewer-foot{padding:12px 12px 18px}.cover-viewer-foot p{font-size:10px}.cover-viewer-foot p span{margin:0 5px}}
.cover-viewer-controls{max-width:100%;flex-wrap:wrap;justify-content:center}
#cover-viewer-media{display:block;position:absolute;left:50%;top:50%;transform-origin:center;will-change:transform;user-select:none}
#cover-viewer-media #cover-viewer-image{position:static;display:block;width:100%;height:100%;object-fit:contain;transform:none;max-width:none;max-height:none}
#cover-viewer-media .music-cover-video{border-radius:0}