.ping-page-audio,.ping-audio-dock{--pa-ink:#392b61;--pa-muted:#776b93;--pa-accent:#7954c5;--pa-line:#c7b9e6;color:var(--pa-ink);font-family:YekanBakh,Ping,Tahoma,sans-serif;box-sizing:border-box;background:radial-gradient(ellipse at 96% 0%,#fff0bc 0%,transparent 56%),radial-gradient(ellipse at 23% 10%,#f8dcec 0%,transparent 65%),linear-gradient(120deg,#eee8ff,#f7effc 58%,#ebe5ff);border:1px solid #e3d8f2;border-radius:22px;box-shadow:0 8px 28px #5943820c}
.preview-shell .ping-page-audio{margin:28px 0;padding:22px 26px}
.ping-page-audio *,.ping-audio-dock *{box-sizing:border-box}
.preview-shell .ping-audio-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--pa-ink)}
.preview-shell .ping-audio-heading strong{font-size:19px;line-height:1.8;color:var(--pa-ink);background:none;padding:0}
.preview-shell .ping-audio-heading>span{font-size:12px;color:var(--pa-muted);text-shadow:none}
.ping-audio-main{display:flex;align-items:center;gap:16px}
.ping-audio-play{display:grid!important;place-items:center;flex:0 0 48px;width:48px;height:48px;min-height:48px;padding:0!important;border:0!important;border-radius:50%!important;background:var(--pa-accent)!important;color:white!important;box-shadow:0 5px 14px #7954c52b;font-size:18px!important;cursor:pointer;line-height:1}
.ping-audio-play:hover{background:#6642b1!important}.ping-audio-track{flex:1;min-width:0}
.ping-audio-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:23px;margin-bottom:3px;color:#9c79cd;overflow:hidden}
.ping-audio-wave i{display:block;width:4px;height:22px;border-radius:4px;background:currentColor;transform:scaleY(var(--ping-wave-scale,.18));transition:transform 90ms linear;transform-origin:center}
.ping-audio-wave i:nth-child(3n){height:15px}.ping-audio-wave i:nth-child(4n){height:19px}
.ping-audio-seek{display:block;width:100%;height:18px;margin:0;cursor:pointer;accent-color:var(--pa-accent);direction:ltr;background:transparent;padding:0;touch-action:pan-y}
.ping-audio-time{display:flex;justify-content:space-between;font:11px/1.5 Arial,sans-serif;color:var(--pa-muted)}
.preview-shell .ping-audio-speeds{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:11px;font-size:12px;color:var(--pa-muted)}
.preview-shell .ping-audio-speeds button{min-height:32px;padding:3px 11px;border:1px solid #ded3ed;border-radius:9px;font:inherit;background:#ffffffb8;color:#705290;cursor:pointer}
.preview-shell .ping-audio-speeds button[aria-pressed=true]{background:#e7ddf8;border-color:#bca4de;color:#563a88;box-shadow:none}
.ping-page-audio button:focus-visible,.ping-audio-dock button:focus-visible,.ping-audio-seek:focus-visible{outline:3px solid #ad86df;outline-offset:3px}
.ping-audio-status{font-size:11px;color:#8d3f65;margin-inline-start:auto}
.ping-audio-dock{position:fixed;z-index:100001;left:50%;bottom:16px;transform:translate(-50%,140%);opacity:0;visibility:hidden;width:min(760px,calc(100% - 32px));padding:12px 16px;display:flex;align-items:center;gap:13px;direction:rtl;box-shadow:0 9px 38px #39245623;transition:transform .24s ease,opacity .24s ease,visibility .24s}
.ping-audio-dock.is-visible{transform:translate(-50%,0);opacity:1;visibility:visible}
.ping-audio-dock .ping-audio-play{flex-basis:42px;width:42px;height:42px;min-height:42px}
.ping-dock-content{flex:1;min-width:0}.ping-dock-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.6;font-weight:700;margin-bottom:3px}
.ping-audio-dock .ping-audio-wave{width:64px;flex:0 0 64px;margin:0;height:28px;gap:3px}
.ping-audio-dock .ping-audio-wave i{width:3px}
.ping-dock-speed,.ping-dock-close{border:0!important;background:#ffffff9c!important;color:#624987!important;cursor:pointer;display:grid;place-items:center;border-radius:10px!important;padding:0!important;min-width:36px;height:36px;min-height:36px;font:12px YekanBakh,Ping,Tahoma,sans-serif!important}
.ping-dock-close{font-size:22px!important}.ping-dock-meta{display:flex;align-items:center;gap:9px}.ping-dock-meta .ping-audio-seek{flex:1;min-width:0}.ping-dock-meta .ping-audio-time{gap:5px;flex:0 0 auto}
body.ping-has-audio-dock{padding-bottom:110px!important}body.ping-has-audio-dock .floating-contact{bottom:calc(112px + env(safe-area-inset-bottom))!important}
#ping-audio-navigation{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:100000;background:#f4f7f7}
body.ping-audio-shell{overflow:hidden!important}body.ping-audio-shell>.floating-contact{display:none!important}
.ping-audio-shell-root{overflow:hidden!important}
@media(max-width:600px){.preview-shell .ping-page-audio{padding:15px 16px;margin:20px 0;border-radius:17px}.preview-shell .ping-audio-heading{gap:4px;margin-bottom:8px;align-items:flex-start;flex-direction:column}.preview-shell .ping-audio-heading strong{font-size:16px}.preview-shell .ping-audio-heading>span{font-size:10px}.ping-audio-main{gap:11px}.ping-audio-play{width:42px;height:42px;min-height:42px;flex-basis:42px}.ping-audio-wave{height:18px;margin:0}.ping-audio-wave i{height:18px}.preview-shell .ping-audio-speeds{margin-top:8px;gap:6px;font-size:11px}.preview-shell .ping-audio-speeds button{min-height:30px;padding:3px 10px}.ping-audio-dock{width:calc(100% - 16px);bottom:calc(8px + env(safe-area-inset-bottom));padding:10px;gap:8px;border-radius:17px}.ping-audio-dock .ping-audio-wave{display:none}.ping-dock-title{font-size:11px}.ping-dock-meta .ping-audio-time{font-size:10px}.ping-dock-close{min-width:28px;width:28px}.ping-dock-speed{min-width:30px}.ping-audio-status{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){.ping-audio-dock,.ping-audio-wave i{transition:none}}
@media(max-width:600px){.preview-shell .ping-page-audio{padding:12px 15px}.preview-shell .ping-audio-heading{margin-bottom:5px}.preview-shell .ping-audio-heading strong{font-size:15px}.preview-shell .ping-audio-heading>span{display:none}.ping-page-audio .ping-audio-wave{height:14px}.ping-page-audio .ping-audio-wave i{height:14px}.preview-shell .ping-audio-speeds{margin-top:6px}}