.ocg-player{--ocg-accent:var(--wp--preset--color--primary,var(--theme-palette-color-1,var(--global-palette1,var(--ast-global-color-0,var(--e-global-color-primary,#2878d0)))));box-sizing:border-box;width:100%;margin:1em 0;padding:12px 14px;border-radius:12px;font-family:inherit;color:#f7f8fa;background:#191c20;box-shadow:0 5px 18px rgba(0,0,0,.13)}
.ocg-player *,.ocg-player *:before,.ocg-player *:after{box-sizing:border-box}
.ocg-player--light{background:#f3f6fb;color:#20242a;border:1px solid #e4e9f0}
.ocg-player--auto{background:#191c20;color:#f7f8fa}
@media(prefers-color-scheme:light){.ocg-player--auto{background:#f3f6fb;color:#20242a;border:1px solid #e4e9f0}}
.ocg-player__audio{display:none}
.ocg-player__meta{width:100%;min-width:0;text-align:center;padding:0 8px;margin:0 0 11px}
.ocg-player__title{font-size:14px;font-weight:750;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.05px}
.ocg-player__artist{font-size:12px;opacity:.72;margin-top:3px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ocg-player__main-row{display:flex;align-items:center;gap:12px;min-width:0;width:100%}
.ocg-player__artwork{flex:0 0 70px;width:70px;height:70px;object-fit:cover;border-radius:9px;display:block;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.ocg-player button,.ocg-player a{-webkit-tap-highlight-color:transparent}
.ocg-player__controls{display:flex;align-items:center;gap:9px;flex:1 1 auto;min-width:0}
.ocg-player__play{flex:0 0 40px;width:40px;height:40px;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--ocg-accent);color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.14);transition:transform .15s ease,filter .15s ease}
.ocg-player__play:hover{filter:brightness(1.1);transform:translateY(-1px)}
.ocg-player__play:focus-visible,.ocg-player__volume:focus-visible,.ocg-player__download:focus-visible,.ocg-player__mute:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.ocg-player__play svg{width:19px;height:19px}.ocg-player__pause-icon{display:none}.ocg-player.is-playing .ocg-player__play-icon{display:none}.ocg-player.is-playing .ocg-player__pause-icon{display:block}
.ocg-player__time{flex:0 0 auto;font-variant-numeric:tabular-nums;font-size:10px;min-width:31px;text-align:center;opacity:.95}
.ocg-player__seek,.ocg-player__volume-range{appearance:none;-webkit-appearance:none;height:5px;border-radius:99px;cursor:pointer;background:linear-gradient(to right,var(--ocg-accent) 0%,var(--ocg-accent) var(--progress,0%),rgba(140,145,153,.38) var(--progress,0%),rgba(140,145,153,.38) 100%)}
.ocg-player__seek{flex:1 1 80px;width:100%;min-width:20px;margin:0}.ocg-player__seek::-webkit-slider-thumb,.ocg-player__volume-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--ocg-accent);border:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--ocg-accent) 15%,transparent)}.ocg-player__seek::-moz-range-thumb,.ocg-player__volume-range::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--ocg-accent);border:0}
.ocg-player__volume-wrap{position:relative;flex:0 0 auto}.ocg-player__volume{width:35px;height:35px;padding:8px;border:0;border-radius:7px;color:#fff;background:var(--ocg-accent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:filter .15s ease}.ocg-player__volume:hover,.ocg-player__download:hover{filter:brightness(1.1)}.ocg-player__volume svg,.ocg-player__download svg{width:18px;height:18px}
.ocg-player__volume-popover{position:absolute;z-index:20;right:0;bottom:calc(100% + 10px);width:174px;padding:12px;background:#fff;color:#20242a;border:1px solid rgba(0,0,0,.09);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.22);display:flex;align-items:center;gap:8px}.ocg-player__volume-popover[hidden]{display:none!important}.ocg-player__volume-popover:after{content:"";position:absolute;right:12px;top:100%;border:7px solid transparent;border-top-color:#fff}.ocg-player__volume-label{font-size:11px;font-weight:700;white-space:nowrap}.ocg-player__volume-range{width:65px;flex:1;min-width:0;height:4px;background:linear-gradient(to right,var(--ocg-accent) 0%,var(--ocg-accent) var(--volume-progress,100%),#d7dce3 var(--volume-progress,100%),#d7dce3 100%)}.ocg-player__mute{border:0;background:#edf1f6;color:#26313f;border-radius:5px;padding:5px 6px;font-size:10px;cursor:pointer}
.ocg-player__download{flex:0 0 35px;width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--ocg-accent);border-radius:7px;text-decoration:none;transition:filter .15s ease}
.ocg-player__status{display:none;font-size:12px;opacity:.78;margin-top:7px}.ocg-player.has-error .ocg-player__status{display:block}.ocg-audio-error{padding:10px 12px;border-left:3px solid #c33;background:#fff3f3;color:#721c24}
@media(max-width:560px){.ocg-player{padding:10px}.ocg-player__meta{margin-bottom:9px}.ocg-player__main-row{gap:8px}.ocg-player__artwork{flex-basis:56px;width:56px;height:56px}.ocg-player__controls{gap:5px}.ocg-player__play{flex-basis:32px;width:32px;height:32px}.ocg-player__play svg{width:16px;height:16px}.ocg-player__time{font-size:9px;min-width:27px}.ocg-player__volume,.ocg-player__download{width:29px;height:29px;flex-basis:29px;padding:6px}.ocg-player__volume-popover{right:-35px}}
@media(max-width:390px){.ocg-player{padding:8px}.ocg-player__main-row{gap:6px}.ocg-player__artwork{flex-basis:46px;width:46px;height:46px}.ocg-player__controls{gap:4px}.ocg-player__play{flex-basis:28px;width:28px;height:28px}.ocg-player__time{min-width:24px;font-size:8px}.ocg-player__volume,.ocg-player__download{width:26px;height:26px;flex-basis:26px;padding:5px}.ocg-player__seek{min-width:12px}}