.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}.tf-field--inline-50,.tf-field--inline-75{column-gap:var(--space-3);row-gap:var(--space-1);grid-template-columns:minmax(0,50%) minmax(0,1fr);grid-template-areas:"label input""hint hint";align-items:center;min-width:0;display:grid}.tf-field--inline-75{grid-template-columns:minmax(0,75%) minmax(0,1fr)}.tf-field--inline-50 .tf-field__label,.tf-field--inline-75 .tf-field__label{grid-area:label;min-width:0}.tf-field--inline-50 .tf-field__input,.tf-field--inline-75 .tf-field__input{grid-area:input;width:100%;min-width:0}.tf-field--inline-50 .tf-field__hint,.tf-field--inline-75 .tf-field__hint{grid-area:hint}@media (width<=640px){.tf-field--inline-50,.tf-field--inline-75{grid-template-columns:1fr;grid-template-areas:"label""input""hint"}}