.ui-sig{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.ui-sig__surface{aspect-ratio:2;border:var(--line) solid var(--ink-200);border-radius:var(--radius-sm);background:var(--white);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;transition:border-color var(--duration) var(--ease-out);position:relative}.ui-sig__surface:after{content:"";right:var(--space-4);bottom:28%;left:var(--space-4);border-bottom:var(--line) dashed var(--ink-300);pointer-events:none;position:absolute}.ui-sig__surface:hover,.ui-sig[data-state=hover] .ui-sig__surface{border-color:var(--ink-300)}.ui-sig__surface:focus-visible,.ui-sig[data-state=focus] .ui-sig__surface{outline:2px solid var(--ink-900);outline-offset:2px;border-color:var(--ink-900)}.ui-sig__surface[data-drawing=true],.ui-sig[data-state=active] .ui-sig__surface{border-color:var(--ink-900)}.ui-sig[data-disabled=true] .ui-sig__surface{border-color:var(--ink-200);background:var(--ink-100);cursor:not-allowed}.ui-sig__svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ui-sig__ink{fill:none;stroke:var(--ink-900);stroke-linecap:round;stroke-linejoin:round}.ui-sig[data-disabled=true] .ui-sig__ink{stroke:var(--ink-500)}.ui-sig__placeholder{padding:0 var(--space-4);color:var(--ink-500);text-align:center;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ui-sig[data-disabled=true] .ui-sig__placeholder{color:var(--ink-500)}.ui-sig__bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-sig__count{align-items:center;gap:var(--space-1);color:var(--ink-700);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin-left:auto;display:inline-flex}.ui-sig__count svg{flex:none;width:14px;height:14px}.ui-sig__hint{color:var(--ink-500);font-size:var(--text-sm)}