.vp-app #vp-preview { width:100%;max-width:620px;box-shadow:0 10px 26px #302c2829;line-height:0; }
.vp-app #vp-preview svg { display:block;width:100%;height:auto; }
.vp-app .vp-audio-actions { display:flex;flex-direction:column;align-items:stretch;gap:10px; }
.vp-app .vp-record { display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid #302c28;background:#302c28;color:#fff;border-radius:4px;min-height:50px;padding:12px 16px;font:500 14px/1.4 var(--font-body,sans-serif);cursor:pointer; }
.vp-app .vp-record-dot { width:9px;height:9px;border-radius:50%;background:#e0c4bf;flex:0 0 9px; }
.vp-app .vp-record[data-recording] .vp-record-dot { border-radius:1px; }
.vp-app .vp-file-label { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;min-height:46px;border:1px solid #dcd8ce;border-radius:4px;background:#fff;color:var(--me-ink);text-align:left;font:500 13px/1.5 var(--font-body,sans-serif);cursor:pointer; }
.vp-app #vp-file { height:auto;min-height:44px;padding:7px;font-size:12px; }
.vp-app #vp-file::file-selector-button { border:0;background:#eee8df;color:#302c28;padding:7px 10px;margin-right:8px;border-radius:2px;font:inherit;cursor:pointer; }
.vp-app .vp-recording { display:flex;align-items:center;gap:8px;padding:14px 0 0;font-size:13px; }
.vp-app .vp-live-dot { width:8px;height:8px;border-radius:50%;background:#a75950; }
.vp-app #vp-timer { margin-left:auto;font-variant-numeric:tabular-nums; }
.vp-app .vp-audio-ready { background:#f5f2eb;padding:14px;margin-top:18px;border-radius:4px; }
.vp-app #vp-audio-name { margin:0 0 10px;font-size:13px;font-weight:500;overflow-wrap:anywhere; }
.vp-app audio { display:block;width:100%;height:40px; }
.vp-app .vp-audio-links { display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px; }
.vp-app .vp-text-button,.vp-app .vp-audio-links a { background:none;border:0;padding:0;color:var(--me-muted);font:400 12px/1.6 var(--font-body,sans-serif);text-decoration:underline;text-underline-offset:3px;cursor:pointer; }
.vp-app .vp-example { margin-top:20px;display:flex;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;background:#f3eee5;color:var(--me-ink);border:1px solid #e7dfd1;border-radius:4px;font:500 13px/1.5 var(--font-body,sans-serif);text-align:left;cursor:pointer; }
.vp-app .vp-example-hint { margin:6px 0 0;color:var(--me-muted);font-size:11px; }
.vp-app button:disabled,.vp-app input:disabled { opacity:.55;cursor:default; }
.vp-app :is(button,a):focus-visible { outline:2px solid #96856a;outline-offset:3px; }
.vp-app .bp-preview-caption { min-height:18px; }

.vp-app .vp-price-note { margin:-6px 0 16px; }