.input-wrapper{gap:var(--space-2);flex-direction:column;display:flex}.input-wrapper--full{width:100%}.input__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--text-placeholder)}.input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-muted);outline:none}.input--error{border-color:var(--color-error)}.input--error:focus{box-shadow:0 0 0 3px #ff444426}.input__error{font-size:var(--text-sm);color:var(--color-error)}