.audio-player.svelte-4qne42{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin:var(--space-4) 0;max-width:100%;transition:border-color var(--transition-fast)}.audio-player.svelte-4qne42:hover{border-color:var(--color-text-subtle)}.play-btn.svelte-4qne42{background:none;border:1px solid var(--color-border);border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);flex-shrink:0;transition:background var(--transition-fast),border-color var(--transition-fast)}.play-btn.svelte-4qne42:hover{background:var(--color-surface-alt);border-color:var(--color-text-subtle)}.player-body.svelte-4qne42{flex:1;min-width:0}.player-meta.svelte-4qne42{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-2);gap:var(--space-3)}.title.svelte-4qne42{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:450}.time.svelte-4qne42{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.progress-bar.svelte-4qne42{height:3px;background:var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:height var(--transition-fast)}.progress-bar.svelte-4qne42:hover{height:5px}.progress-fill.svelte-4qne42{height:100%;background:var(--color-text);border-radius:var(--radius-full);transition:width .1s linear}