.ui-rec{align-items:center;gap:var(--space-4);min-width:0;padding:var(--space-5) var(--space-4);border:var(--line) solid var(--ink-200);border-radius:var(--radius-md);background:var(--white);text-align:center;flex-direction:column;display:flex}.ui-rec>.ui-banner{text-align:left;align-self:stretch}.ui-rec__time{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0}.ui-rec[data-status=recording] .ui-rec__time{color:var(--status-danger)}.ui-rec__meter{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.ui-rec__bars{justify-content:center;align-items:flex-end;gap:var(--space-1);height:var(--space-7);display:flex}.ui-rec__bar{width:var(--space-2);min-height:calc(var(--line) * 2);border-radius:var(--radius-sm);background:var(--ink-700);transition:height 80ms linear}.ui-rec__meter-label{color:var(--ink-500);font-size:var(--text-sm)}.ui-rec__btn{align-items:center;gap:var(--space-3);min-height:var(--control-h);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);color:var(--ink-900);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;display:flex}.ui-rec__btn:focus-visible{outline:2px solid var(--ink-900);outline-offset:2px}.ui-rec__btn:disabled{cursor:progress}.ui-rec__disc{width:calc(var(--space-8) + var(--space-5));height:calc(var(--space-8) + var(--space-5));border-radius:var(--radius-pill);background:var(--ink-900);color:var(--on-ink);transition:background-color var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);place-items:center;display:grid}.ui-rec__disc svg{width:var(--space-6);height:var(--space-6)}.ui-rec__btn:hover:not(:disabled) .ui-rec__disc{background:var(--ink-700)}.ui-rec__btn:active:not(:disabled) .ui-rec__disc{transform:scale(.96)}.ui-rec[data-status=recording] .ui-rec__disc,.ui-rec[data-status=recording] .ui-rec__btn:hover .ui-rec__disc{background:var(--status-danger);color:var(--status-on)}.ui-rec[data-status=recording] .ui-rec__disc svg{fill:currentColor}.ui-rec__btn:disabled .ui-rec__disc{background:var(--ink-500)}.ui-rec__label{font-size:var(--text-md);font-weight:var(--weight-bold)}.ui-rec__hint{max-width:44ch;color:var(--ink-500);font-size:var(--text-sm);margin:0}