.tf-field-error{color:var(--color-danger-500);font-size:var(--font-size-sm);margin:0}.tf-field{gap:var(--space-1);flex-direction:column;display:flex}.tf-field__label{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500}.tf-field__input{min-height:2.5rem;padding:.55rem var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);box-shadow:inset 0 1px 2px rgb(var(--color-ink-rgb) / .04), 0 1px 0 #ffffffb8;transition:border-color .16s,box-shadow .16s,background-color .16s}.tf-field__input::placeholder{color:var(--color-text-muted);opacity:.65}.tf-field__input:focus{border-color:var(--color-accent);box-shadow:var(--focus-ring);outline:none}.tf-field__input--invalid{border-color:var(--color-danger-500)}.tf-field__hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0;line-height:1.45}