.pro-player{display:none}.pro-player.show{position:fixed;z-index:30;left:248px;right:16px;bottom:16px;min-height:78px;display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(180px,1fr) minmax(260px,1.4fr) auto;align-items:center;gap:16px;padding:11px 16px;border:1px solid rgba(201,255,0,.2);border-radius:22px;background:rgba(13,16,11,.96);box-shadow:0 18px 55px rgba(0,0,0,.3);backdrop-filter:blur(24px);color:#fff}.player-summary{display:flex;align-items:center;gap:11px;min-width:0;border:0;background:none;color:inherit;text-align:left}.player-summary>span:last-child{min-width:0}.player-summary strong,.player-summary small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-summary strong{font-size:13px}.player-summary small{margin-top:4px;color:#929b8e;font-size:10px}.mini-art{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,var(--acid,#c9ff00),#7ea000);color:#111;font-size:20px}.mini-art img{width:100%;height:100%;object-fit:cover}.pro-player canvas{width:100%;height:42px;opacity:.8}.player-time{display:grid;grid-template-columns:35px 1fr 35px;align-items:center;gap:8px;color:#90988b;font-size:9px}.player-time input,.player-volume input,.player-effects input{accent-color:var(--acid,#c9ff00)}.player-controls{display:flex;align-items:center;justify-content:center;gap:6px}.player-controls button,.player-volume button{border:0;background:transparent;color:#cbd1c7;min-width:34px;height:34px;border-radius:50%;font-size:11px}.player-controls button:hover,.player-volume button:hover{background:#293025}.player-controls .player-toggle{width:46px;height:46px;background:var(--acid,#c9ff00);color:#111;font-size:16px}.player-volume{display:flex;align-items:center;gap:7px}.player-volume input{width:72px}.player-volume #player-effects-toggle{width:auto;padding:0 12px;border-radius:999px;background:#293025;color:var(--acid,#c9ff00)}.player-effects{position:absolute;right:0;bottom:calc(100% + 10px);width:min(560px,calc(100vw - 32px));display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px;border:1px solid #343d2e;border-radius:20px;background:#151a12;box-shadow:0 20px 55px rgba(0,0,0,.42)}.player-effects[hidden]{display:none}.player-effects>div{display:grid;gap:7px}.player-effects label{display:flex;justify-content:space-between;color:#aeb6aa;font-size:10px}.player-effects select{width:100%;min-height:40px;padding:8px 10px;border:1px solid #3a4335;border-radius:11px;background:#242b20;color:#fff}.player-effects input{width:100%}.player-effects>button{align-self:end;min-height:40px;border:1px solid #3b4635;border-radius:11px;background:transparent;color:#c9ff00}.has-player .main{padding-bottom:125px}
.work-listen{width:100%;min-height:42px;margin-top:12px;border:1px solid #dce3d5;border-radius:13px;background:#f1f5ec;color:#354330;font-size:11px;font-weight:900}.work-listen:hover{border-color:#9fc600;background:#f5ffd5}.work-listen.source-preview{display:block;padding:10px;text-align:center}
@media(max-width:1000px){.pro-player.show{left:16px;grid-template-columns:minmax(180px,1fr) minmax(220px,1.3fr) auto}.pro-player canvas{display:none}}
@media(max-width:760px){.pro-player.show{left:9px;right:9px;bottom:calc(76px + env(safe-area-inset-bottom));min-height:66px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px;padding:7px 8px;border-radius:19px}.player-summary{min-width:0}.mini-art{width:46px;height:46px}.player-summary strong{font-size:11px}.player-summary small{font-size:9px;max-width:155px}.pro-player canvas,.player-time,.player-controls button:not(.player-toggle),.player-volume input,.player-volume #player-mute{display:none}.player-controls{grid-column:2}.player-volume{grid-column:3}.player-volume #player-effects-toggle{height:38px;padding:0 10px}.player-controls .player-toggle{width:42px;height:42px}.pro-player.expanded{display:grid;grid-template-columns:1fr auto;min-height:188px;padding:13px}.pro-player.expanded .player-summary{grid-column:1}.pro-player.expanded canvas{display:block;grid-column:1/3;width:100%;height:38px}.pro-player.expanded .player-time{display:grid;grid-column:1/3}.pro-player.expanded .player-controls{grid-column:1}.pro-player.expanded .player-controls button{display:inline-block}.pro-player.expanded .player-volume{grid-column:2}.player-effects{position:fixed;left:9px;right:9px;bottom:calc(275px + env(safe-area-inset-bottom));width:auto;max-height:56vh;overflow:auto;grid-template-columns:1fr;padding:17px}.has-player .main{padding-bottom:calc(180px + env(safe-area-inset-bottom))}.has-player.player-expanded .main{padding-bottom:calc(300px + env(safe-area-inset-bottom))}}