.zcui-tf{display:flex;flex-direction:column;gap:var(--zcui-space-6)}.zcui-tf-label{font-family:var(--zcui-font-display);font-size:var(--zcui-type-label-size);font-weight:var(--zcui-type-label-weight);line-height:normal;color:var(--zcui-color-text-muted)}.zcui-tf-input{height:var(--zcui-control-lg);margin:0;padding:0 var(--zcui-space-14);border:1px solid var(--zcui-color-border-default);border-radius:var(--zcui-radius-md);outline:none;background:var(--zcui-color-surface-raised);color:var(--zcui-color-text-primary);font-family:var(--zcui-font-text);font-size:calc(var(--zcui-type-body-sm-size) + 1px);font-weight:500;line-height:normal;letter-spacing:inherit;transition:border-color var(--zcui-motion-fast),box-shadow var(--zcui-motion-fast)}.zcui-tf-input:focus,.zcui-tf-input[data-zcui-state=focus]{border-color:var(--zcui-color-accent-brand);box-shadow:0 0 0 calc(var(--zcui-space-2) + 1px) var(--zcui-color-brand-100)}.zcui-tf[data-invalid][data-error-tone=amber]>.zcui-tf-input{border-color:var(--zcui-color-amber-500)}.zcui-tf[data-invalid][data-error-tone=red]>.zcui-tf-input{border-color:var(--zcui-mobile-color-field-error,var(--zcui-color-amber-500))}.zcui-tf[data-error-tone=red]>.zcui-tf-error{color:var(--zcui-mobile-color-field-error,var(--zcui-color-neutral-800))}.zcui-tf-error{display:flex;align-items:center;gap:var(--zcui-space-8);margin-top:var(--zcui-space-2);font-family:var(--zcui-font-text);font-size:var(--zcui-type-label-size);font-weight:500;line-height:1.4;color:var(--zcui-color-neutral-800)}.zcui-tf-badge{display:grid;flex:none;place-items:center;width:var(--zcui-space-16);height:var(--zcui-space-16);border-radius:50%;background:var(--zcui-color-amber-500);color:var(--zcui-color-neutral-950);font-family:var(--zcui-font-display);font-size:calc(var(--zcui-type-overline-size) - 1px);font-weight:800;line-height:normal}.zcui-tf-hint{font-family:var(--zcui-font-text);font-size:var(--zcui-type-label-size);font-weight:var(--zcui-type-body-sm-weight);line-height:normal;color:var(--zcui-color-text-subtle)}.zcui-tf-input:disabled,.zcui-tf[data-disabled]>.zcui-tf-label{color:var(--zcui-color-neutral-400)}.zcui-tf-input:disabled{border-color:var(--zcui-color-surface-track);background:var(--zcui-color-surface-canvas);cursor:not-allowed}@media (prefers-reduced-motion:reduce){.zcui-tf-input{transition:none}}