.asr-dock-wrap{z-index:200;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.asr-dock{pointer-events:auto;background:var(--c-card);border:1px solid var(--c-line);border-radius:20px;grid-template-columns:220px 1fr 180px;align-items:center;gap:20px;width:100%;max-width:1200px;padding:10px 18px;display:grid;box-shadow:0 8px 40px #14183c1f,0 2px 8px #14183c0f}@media (max-width:760px){.asr-dock{grid-template-columns:1fr auto;gap:10px;padding:9px 14px}.asr-dock-c{order:-1;grid-column:1/-1}.asr-dock-r{display:none}}.asr-dock-l{align-items:center;gap:10px;min-width:0;display:flex}.asr-dock-mic{background:var(--c-bg-hi);width:32px;height:32px;color:var(--c-primary);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.asr-dock-meta{min-width:0}.asr-dock-name{font-size:var(--fs-sm);color:var(--c-ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.asr-dock-dur{font-size:var(--fs-2xs);color:var(--c-mute);font-family:var(--font-mono);margin-top:1px}.asr-dock-c{flex-direction:column;gap:6px;display:flex}.asr-dock-ctrls{justify-content:center;align-items:center;gap:8px;display:flex}.asr-dock-btn{width:28px;height:28px;color:var(--c-ink-2);cursor:pointer;border-radius:8px;place-items:center;transition:color .15s,background .15s;display:grid}.asr-dock-btn:hover{color:var(--c-ink);background:var(--c-bg-soft)}.asr-dock-play{background:linear-gradient(135deg, var(--c-grad-a), var(--c-grad-b));color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;transition:filter .15s,transform .1s,box-shadow .15s;display:grid;box-shadow:0 6px 16px -4px #6981ff73}.asr-dock-play:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 20px -4px #6981ff8c}.asr-dock-play:active{transform:translateY(0)}.asr-dock-scrub{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.asr-dock-t{font-size:var(--fs-2xs);font-family:var(--font-mono);color:var(--c-mute);text-align:center;flex-shrink:0;min-width:34px}.asr-dock-bar{background:var(--c-line);cursor:pointer;border-radius:999px;flex:1;height:5px;position:relative}.asr-dock-bar:hover .asr-dock-handle{opacity:1;transform:translate(-50%,-50%)scale(1)}.asr-dock-fill{background:linear-gradient(90deg, var(--c-grad-a), var(--c-grad-b));pointer-events:none;border-radius:999px;position:absolute;top:0;bottom:0;left:0}.asr-dock-handle{border:2px solid var(--c-primary);pointer-events:none;opacity:0;background:#fff;border-radius:50%;width:14px;height:14px;transition:opacity .15s,transform .15s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 2px 6px #5668f259}.asr-dock-r{justify-content:flex-end;align-items:center;gap:8px;display:flex}.asr-dock-vol-slider{width:60px;accent-color:var(--c-primary);cursor:pointer}.asr-dock-speed{font-size:var(--fs-xs);font-weight:700;font-family:var(--font-mono);color:var(--c-primary-2);background:var(--c-bg-hi);cursor:pointer;border:1px solid color-mix(in srgb, var(--c-outline) 40%, transparent);white-space:nowrap;border-radius:8px;padding:4px 10px;transition:background .15s}.asr-dock-speed:hover{background:color-mix(in srgb, var(--c-primary) 12%, var(--c-bg-hi))}