@layer theme,base,components,utilities;@layer components{.pam-preview-player{display:flex;align-items:center;gap:.75rem;width:100%;min-width:0;container-type:inline-size;color:var(--color-text-secondary)}.pam-preview-toggle{display:grid;place-items:center;flex-shrink:0;width:2.5rem;height:2.5rem;border:1px solid var(--color-border);border-radius:.25rem;background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:background-color .12s,color .12s,border-color .12s}.pam-preview-toggle:hover,.pam-preview-player[data-playing] .pam-preview-toggle{border-color:var(--color-active);background:var(--color-active);color:var(--color-text-on-active)}.pam-preview-toggle:disabled{cursor:default;opacity:.5}.pam-preview-toggle svg{width:.875rem;height:.875rem}.pam-preview-toggle:focus-visible,.pam-preview-track:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}.pam-preview-track{--preview-progress: 0%;position:relative;flex:1;min-width:0;height:2.5rem;overflow:hidden;border-radius:.125rem;color:var(--color-text-tertiary);cursor:pointer;touch-action:pan-y;user-select:none}.pam-preview-track:before{content:"";position:absolute;inset-inline:0;top:50%;height:1px;background:var(--color-divider);opacity:.6}.pam-preview-track:hover{color:var(--color-text-secondary)}.pam-preview-track[aria-disabled=true]{cursor:default}.pam-preview-waveform{position:relative;display:block;width:100%;height:100%;pointer-events:none}.pam-preview-bars{fill:currentColor}.pam-preview-played{position:absolute;inset:0;color:var(--color-active);clip-path:inset(0 calc(100% - var(--preview-progress, 0%)) 0 0);pointer-events:none}.pam-preview-playhead{position:absolute;inset-block:0;left:clamp(0%,var(--preview-progress),calc(100% - 1px));width:1px;background:var(--color-active);opacity:0;pointer-events:none;transition:opacity .12s}.pam-preview-player[data-playing] .pam-preview-playhead{opacity:1}.pam-preview-empty{position:absolute;inset:0;display:grid;place-items:center;font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);pointer-events:none}.pam-preview-time{flex-shrink:0;min-width:5.5rem;text-align:right;font-size:.6875rem;font-variant-numeric:tabular-nums;white-space:nowrap}.pam-preview-time [role=status]{white-space:normal}.pam-preview-total{color:var(--color-text-tertiary)}.pam-preview-spinner{animation:pam-preview-spin .9s linear infinite}@keyframes pam-preview-spin{to{transform:rotate(360deg)}}@container (max-width: 22rem){.pam-preview-time{display:grid;gap:.125rem;min-width:2.5rem;font-size:.625rem}.pam-preview-separator{display:none}}@media(prefers-reduced-motion:reduce){.pam-preview-spinner{animation:none}.pam-preview-toggle,.pam-preview-playhead{transition:none}}}