.arcane-player-wrapper{display:block;width:100%}.arcane-player{max-width:600px;font-family:sans-serif;display:inline-block}.arcane-player.with-skin{padding:var(--skin-padding);background:var(--skin-color);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);width:fit-content;width:-moz-fit-content}.arcane-player.no-skin{padding:0;background:transparent}.ap-audio{display:none}.ap-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ap-control-group{display:flex;flex-direction:column;align-items:center;gap:4px}.ap-btn-label{font-size:11px;color:#666;text-align:center;white-space:nowrap;user-select:none}.ap-btn{width:var(--btn-size);height:var(--btn-size);border:none;background:var(--btn-color);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;padding:0;flex-shrink:0;position:relative}.ap-btn:hover{transform:scale(1.1)}.ap-btn:active{transform:scale(0.95)}.ap-icon{width:60%;height:60%;fill:currentColor;object-fit:contain}.style-1 .ap-btn{border-radius:50%}.style-2 .ap-btn{border-radius:15%}.style-3 .ap-btn{border-radius:0;clip-path:polygon(30% 0%,70% 0%,100% 50%,70% 100%,30% 100%,0% 50%)}.style-4 .ap-btn{border-radius:0;transform:rotate(45deg)}.style-4 .ap-icon{transform:rotate(-45deg)}.ap-progress-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:200px}.ap-time{font-size:12px;color:#666;min-width:35px;text-align:center}.ap-progress{flex:1;height:6px;background:#ddd;border-radius:3px;cursor:pointer;position:relative}.ap-fill{height:100%;background:var(--btn-color);border-radius:3px;width:0%;transition:width 0.1s}.ap-vol-slider{width:80px;height:4px;-webkit-appearance:none;background:#ddd;border-radius:2px;outline:none}.ap-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--btn-color);border-radius:50%;cursor:pointer}.ap-vol-slider::-moz-range-thumb{width:12px;height:12px;background:var(--btn-color);border-radius:50%;cursor:pointer;border:none}.ap-mute-toggle{display:flex;align-items:center;gap:8px}.ap-toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.ap-toggle-switch .ap-mute-input{opacity:0;width:0;height:0}.ap-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--mute-track-color);background-image:var(--mute-track-image,none);background-size:cover;background-position:center;transition:all 0.3s;border-radius:24px;opacity:1}.ap-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--mute-dot-color);background-image:var(--mute-dot-image,none);background-size:cover;background-position:center;transition:all 0.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.ap-mute-input:checked + .ap-toggle-slider{opacity:0.65}.ap-mute-input:checked + .ap-toggle-slider:before{transform:translateX(26px)}.ap-toggle-label{font-size:12px;color:#666;user-select:none}@media(max-width:480px){.ap-controls{gap:8px}.ap-vol-slider{width:60px}}