.audio-player.svelte-j1l7g3{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-secondary);border:1px solid var(--color-card-border, var(--color-border));border-radius:var(--border-radius-card, 8px);width:100%}.play-button.svelte-j1l7g3{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:var(--color-accent);color:var(--color-accent-text, var(--color-fg-primary));cursor:pointer;transition:transform .1s ease,opacity .1s ease;flex-shrink:0}.play-button.svelte-j1l7g3 svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;color:var(--color-accent-text, var(--color-fg-primary))}.play-button.svelte-j1l7g3:hover{opacity:.9;transform:scale(1.05)}.play-button.svelte-j1l7g3:active{transform:scale(.95)}.progress-container.svelte-j1l7g3{flex:1;min-width:0}.progress-track.svelte-j1l7g3{touch-action:none;user-select:none;position:relative;height:8px;background:var(--color-bg-muted);border-radius:4px;cursor:pointer;overflow:visible}.progress-track.svelte-j1l7g3:before{content:"";position:absolute;inset:-8px 0}.progress-fill.svelte-j1l7g3{position:absolute;top:0;left:0;height:100%;background:var(--color-accent);border-radius:4px}.progress-track.dragging.svelte-j1l7g3 .progress-fill:where(.svelte-j1l7g3),.progress-track.dragging.svelte-j1l7g3 .progress-handle:where(.svelte-j1l7g3){transition:none}.progress-handle.svelte-j1l7g3{position:absolute;top:50%;width:14px;height:14px;background:var(--color-accent);border:2px solid var(--color-bg-secondary);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease}.progress-track.svelte-j1l7g3:hover .progress-handle:where(.svelte-j1l7g3),.progress-track.svelte-j1l7g3:focus .progress-handle:where(.svelte-j1l7g3){opacity:1}.time.svelte-j1l7g3{font-size:.7rem;font-family:monospace;color:var(--color-fg-secondary);white-space:nowrap;min-width:5rem;text-align:right}