.field{gap:var(--space-2);display:grid}.field__label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.field__control{align-items:center;display:flex;position:relative}.field__input{width:100%;height:var(--touch-target);padding:0 var(--space-5);background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border-primary);border-radius:var(--border-radius-md);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--easing-default);font-size:1rem}@media (pointer:fine){.field__input{height:2.25rem;font-size:var(--font-size-md)}}.field__input::placeholder{color:var(--color-text-tertiary)}.field__input:hover:not(:disabled){border-color:var(--color-border-strong)}.field__input:focus-visible{border-color:var(--color-border-focus);box-shadow:0 0 0 1px var(--color-border-focus);outline:none}.field__input:disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.field--error .field__input{border-color:var(--color-status-error)}.field__trailing{right:var(--space-2);align-items:center;display:flex;position:absolute}:is(.field__trailing~.field__input,.field__control:has(.field__trailing) .field__input){padding-right:var(--space-9)}.field__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.field__error,.form-message--error{font-size:var(--font-size-sm);color:var(--color-status-error)}.form-message--info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}