/* Counts occupy reserved space inside writing controls; error rows stay outside. */
.input-count-field{position:relative;min-width:0;width:100%}
.input-count-field>.form-input{width:100%;min-width:0;margin-bottom:0;padding-inline-end:var(--input-count-space,80px)}
.input-count-field[data-count-kind=textarea]>.form-input{display:block;padding-inline-end:16px;padding-bottom:36px}
.input-count-field>.input-character-count{position:absolute;right:14px;top:50%;bottom:auto;transform:translateY(-50%);display:block;width:max-content;max-width:calc(100% - 24px);margin:0;padding:0;border:0;background:transparent;font:400 12px/1.5 var(--body);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted);text-align:right;pointer-events:none}
.input-count-field[data-count-kind=textarea]>.input-character-count{top:auto;bottom:10px;right:16px;transform:none}
.input-count-field>.input-character-count[data-count-state=limit]{color:var(--ink)}
.input-count-field>.input-character-count[data-count-state=over]{color:var(--error)}
.input-count-external-foot{min-height:0;margin-top:0}
.input-count-external-foot:not(:has(.field-error:not(:empty))){display:none}
.input-count-external-foot:has(.field-error:not(:empty)){margin-top:6px}
.developer-work-field.input-count-host>.field-error{margin-right:0}
.developer-work-field>.input-count-field>.form-input{margin:0;width:100%;font-size:14px;padding:12px 14px;padding-inline-end:var(--input-count-space,80px)}
.developer-work-field>.input-count-field[data-count-kind=textarea]>.form-input{min-height:136px;line-height:1.8;resize:vertical;padding-inline-end:16px;padding-bottom:36px}