.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--text-sm);color:var(--color-ink-2);font-weight:600}.field__control-wrap{align-items:center;display:flex;position:relative}.input{width:100%;min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-rule-2);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);outline-offset:1px;transition:background-color var(--dur-fast) var(--ease-out), outline-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);outline:2px solid #0000}.input::placeholder{color:var(--color-neutral)}.input:hover,.input.is-hover{border-color:var(--color-rule-2);background:var(--color-paper-2)}.input:focus-visible,.input.is-focus{outline-color:var(--color-focus);background:var(--color-surface)}.input.is-active{background:var(--color-surface)}.input:disabled,.input.is-disabled{opacity:.5;cursor:not-allowed;background:var(--color-paper-2)}.field--loading .input{padding-right:var(--space-8)}.field__spinner{right:var(--space-3);color:var(--color-neutral);animation:.7s linear infinite hallmark-spin;position:absolute}.field--error .input,.input.is-error{border-color:var(--color-danger)}.field--success .input,.input.is-success{border-color:var(--color-success)}.field__helper{font-size:var(--text-xs);color:var(--color-muted)}.field__helper--error{color:var(--color-danger)}.field__helper--success{color:var(--color-success)}@media (prefers-reduced-motion:reduce){.field__spinner{animation-duration:1.4s}}