.vdb-wrap{flex-shrink:0;display:inline-flex;position:relative}.vdb-btn{border-radius:var(--radius-md,8px);background:var(--color-bg-primary,var(--otus-snow));border:1px solid var(--color-border-primary,var(--otus-cloud));width:38px;height:38px;color:var(--color-text-secondary,var(--otus-stone));cursor:pointer;flex-shrink:0;place-items:center;transition:border-color .18s,color .18s,background .18s;display:grid}.vdb-btn--xs{border-radius:var(--radius-sm,6px);width:30px;height:30px}.vdb-btn svg{width:17px;height:17px}.vdb-btn--xs svg{width:15px;height:15px}.vdb-btn:hover:not(:disabled){border-color:var(--color-border-secondary,var(--otus-stone));color:var(--color-text-primary,var(--otus-ink))}.vdb-btn:disabled{opacity:.55;cursor:not-allowed}.vdb-btn--recording{background:var(--otus-danger-pale,#fee2e2);border-color:var(--otus-danger,#ef4444);color:var(--otus-danger,#ef4444);position:relative}.vdb-btn--recording:after{content:"";border-radius:inherit;border:2px solid var(--otus-danger,#ef4444);opacity:.5;pointer-events:none;animation:1.4s ease-out infinite vdb-pulse;position:absolute;inset:-3px}@keyframes vdb-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.vdb-btn--transcribing{color:var(--otus-info,#3b82f6);border-color:var(--otus-info,#3b82f6)}.vdb-spin{animation:.8s linear infinite vdb-spin}@keyframes vdb-spin{to{transform:rotate(360deg)}}.vdb-err{z-index:30;white-space:nowrap;font-size:var(--text-xs,11.5px);color:#fff;background:var(--otus-danger,#ef4444);border-radius:var(--radius-sm,6px);padding:5px 9px;font-weight:600;line-height:1.2;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 4px 12px #0000002e}