.studio-player{display:grid;gap:12px;margin-top:18px;padding:14px;border:1px solid #40522e;border-radius:13px;background:radial-gradient(circle at 0 0,#26371f 0,#172019 43%,#131a20 100%);box-shadow:inset 0 1px #ffffff0b,0 12px 30px #0004}.player-main,.player-controls,.player-controls>div{display:flex;align-items:center}.player-main{gap:11px}.player-spectrum{display:block;width:100%;height:54px;border-radius:9px;background:#0d1410;box-shadow:inset 0 0 0 1px #ffffff0a}.player-play{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:0;border-radius:50%;background:var(--accent);color:#11180f;cursor:pointer;font-size:15px;font-weight:900;box-shadow:0 5px 15px #a5dc5933}.player-play:hover{transform:scale(1.05);background:#c0f970}.player-title{display:grid;min-width:0;gap:1px}.player-title span,.player-title small{color:#aab7c8;font-size:10px;letter-spacing:.08em}.player-title span{color:var(--accent);font-weight:800}.player-title strong{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.player-title small{letter-spacing:normal}.player-progress{width:100%;height:5px;padding:0;accent-color:var(--accent);cursor:pointer}.player-controls{justify-content:space-between;gap:8px;color:#aab7c8;font-size:10px}.player-controls>div{gap:7px}.player-control{padding:0;border:0;background:transparent;color:#d9e4ef;cursor:pointer;font:700 10px/1 inherit}.player-control:hover{color:var(--accent)}.player-volume{width:50px;height:4px;padding:0;accent-color:var(--accent)}.loop-toggle{margin:0;color:#aab7c8;font-size:10px;white-space:nowrap}.loop-toggle input{accent-color:var(--accent)}@media(max-width:620px){.player-volume{width:36px}}