.audio-preview{align-items:center;gap:14px;display:flex}.audio-preview-btn{background:var(--ynl-ink,#0a0a0a);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,transform .15s;display:flex}.audio-preview-btn:hover{background:var(--ynl-moss,#3d7a45);transform:scale(1.06)}.audio-preview-btn.playing{background:var(--ynl-moss,#3d7a45)}.audio-preview-bar{background:#0a0a0a1a;border-radius:2px;flex:1;min-width:60px;height:3px;overflow:hidden}.audio-preview-progress{background:var(--ynl-moss,#3d7a45);border-radius:2px;height:100%;transition:width .1s linear}.audio-preview--wave{gap:16px}.audio-preview-wave{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;align-items:center;min-width:120px;height:56px;display:flex;position:relative}.audio-preview-wave:focus-visible{outline:2px solid var(--ynl-moss,#3d7a45);outline-offset:4px;border-radius:4px}.audio-preview-wave-bars{justify-content:space-between;align-items:center;gap:2px;width:100%;height:100%;display:flex;position:relative}.audio-preview-wave-bar{background:#0a0a0a2e;border-radius:1px;flex:auto;min-width:2px;max-width:4px;transition:background .15s}.audio-preview-wave-bar.is-played{background:var(--ynl-moss,#3d7a45)}.audio-preview-wave-cursor{background:var(--ynl-ink,#0a0a0a);pointer-events:none;opacity:.6;width:2px;position:absolute;top:8%;bottom:8%;transform:translate(-1px)}.audio-preview-time{font-family:var(--ynl-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.04em;color:var(--ynl-muted,#6b6b6b);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;min-width:64px;font-size:11px;display:inline-flex}.audio-preview-time-sep{opacity:.5}@media (max-width:480px){.audio-preview-btn{width:44px;height:44px}.audio-preview-wave{height:44px}.audio-preview-time{min-width:56px;font-size:10px}}