.saas-text-field{gap:var(--saas-space-xs);min-inline-size:0;font-family:var(--saas-font-family);display:grid}.saas-text-field__label{color:var(--saas-text-primary);font-size:var(--saas-font-body);font-weight:500}.saas-text-field__input{box-sizing:border-box;min-block-size:40px;inline-size:100%;padding-block:var(--saas-space-sm);padding-inline:var(--saas-space-md) var(--saas-space-sm);border:1px solid var(--saas-border-strong);border-radius:var(--saas-radius-md);background:var(--saas-bg-surface);color:var(--saas-text-primary);font-family:inherit;font-size:var(--saas-font-body);transition:border-color var(--saas-motion-micro) var(--saas-ease-standard)}.saas-text-field__input--multiline{resize:vertical;line-height:1.5}.saas-text-field__input:hover{border-color:var(--saas-text-secondary)}.saas-text-field__input:focus-visible{border-color:var(--saas-brand-primary);box-shadow:var(--saas-focus-ring);outline:none}.saas-text-field[data-invalid=true] .saas-text-field__input{border-color:var(--saas-status-danger)}.saas-text-field__note{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);margin:0}.saas-text-field__note[data-tone=danger]{color:var(--saas-status-danger)}@media (width<=599px){.saas-text-field__input{min-block-size:44px;font-size:var(--saas-font-body)}}