#bi-album{background:#253887;color:#fff;font-family:Arial,sans-serif;padding:30px 36px 0;--panel:#1d2e72}#bi-album *{box-sizing:border-box}#bi-album .top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.18em;color:#c0c9eb;padding-bottom:36px}#bi-album .demo{font-size:10px;letter-spacing:.03em;color:#b2bedf}#bi-album .layout{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center;padding-bottom:34px}#bi-album .cover{aspect-ratio:1;background:#253887;border:1px solid #ffffff25;box-shadow:0 24px 50px #10205055;position:relative;display:flex;align-items:center;padding:30px;overflow:hidden}#bi-album .cover:before{content:'';position:absolute;inset:14px;border:1px solid #ffffff0d}#bi-album .edition{position:absolute;top:24px;left:25px;font-size:9px;letter-spacing:.17em;color:#c3ccec}#bi-album .cover-bottom{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#c3ccec}#bi-album .logo{position:relative;width:100%;aspect-ratio:501/122;overflow:hidden}#bi-album .logo img{position:absolute;width:125.55%;left:-12.77%;top:-208.2%;max-width:none;height:auto}#bi-album h1{font-size:32px;line-height:1.15;letter-spacing:-.045em;margin:25px 0 8px;font-weight:600}#bi-album .credit{font-size:12px;color:#bcc9ee;margin:0}#bi-album .album-play{border:0;background:#fff;color:#253887;border-radius:30px;padding:13px 22px;font-size:12px;font-weight:600;margin-top:23px;cursor:pointer}#bi-album .list-head{display:flex;justify-content:space-between;font-size:9px;color:#afbee7;letter-spacing:.15em;padding:0 13px 16px;border-bottom:1px solid #ffffff22}#bi-album .row{display:flex;align-items:center;width:100%;gap:15px;padding:0 13px;height:43px;border:0;border-bottom:1px solid #ffffff0e;border-radius:5px;background:transparent;color:#fff;text-align:left;cursor:pointer}#bi-album .row:hover{background:#ffffff09}#bi-album .row.selected{background:#ffffff13}#bi-album .num{font-size:10px;color:#b4c3eb;width:22px;font-variant-numeric:tabular-nums}#bi-album .name{font-size:12px;flex:1}#bi-album .duration{font-size:10px;color:#aebee8}#bi-album .dock{border-top:1px solid #ffffff22;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:20px;align-items:center;padding:22px 0 25px}#bi-album .now strong{display:block;font-size:12px;font-weight:500;margin-bottom:6px}#bi-album .now small{font-size:10px;color:#b5c1e6}#bi-album .transport{display:flex;justify-content:center;gap:17px;align-items:center}#bi-album .transport button{background:transparent;border:0;color:#dbe3ff;cursor:pointer;min-width:34px;height:34px;font-size:16px}#bi-album .transport .toggle{background:#fff;color:#253887;border-radius:50%;width:38px;height:38px}#bi-album .seek{display:flex;gap:9px;align-items:center;color:#abbbe6;font-size:9px;margin-top:9px}#bi-album input{accent-color:#e0e7ff;height:18px;min-width:0}#bi-album .seek input{width:100%}#bi-album .volume{display:flex;align-items:center;justify-content:flex-end;gap:9px;font-size:10px;color:#c2cff1}#bi-album .volume input{width:70px}#bi-album button:focus-visible,#bi-album input:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:650px){#bi-album{padding:22px 20px 0}#bi-album .layout{grid-template-columns:1fr;gap:30px}#bi-album .art{width:min(100%,330px);margin:auto}#bi-album .top{padding-bottom:25px}#bi-album .dock{grid-template-columns:1fr 1fr;gap:15px}#bi-album .volume{display:none}#bi-album .row{height:48px}#bi-album .demo{max-width:100px;text-align:right}#bi-album h1{font-size:28px}}

html,body{margin:0;min-height:100%;background:#253887}#bi-album{min-height:100svh;padding-top:max(30px,env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom)}#bi-album .shell{max-width:1150px;margin:auto}#bi-album .cover{padding:0}#bi-album .cover:before{display:none}#bi-album .cover>img{width:100%;height:100%;object-fit:contain;display:block}#bi-album .layout{min-height:calc(100svh - 205px)}#bi-album button:disabled{opacity:.4;cursor:default}#bi-album .row{height:48px}#bi-album .dock{background:#253887;position:sticky;bottom:0;padding-bottom:max(25px,env(safe-area-inset-bottom));z-index:2}#bi-album .status{font-size:11px;color:#c3ccec;min-height:16px;margin-top:15px}#bi-album .system-volume{font-size:10px;color:#c2cff1;text-align:right}@media(max-width:650px){#bi-album .layout{min-height:0}#bi-album .dock{grid-template-columns:1fr}.transport-wrap{width:100%}#bi-album .now{text-align:center}#bi-album .transport button{min-width:44px;height:44px}#bi-album .seek input{height:28px}}